Почему может не срабатывать css?

Question

[BRomplat]

Здарова всем!
Есть код на сайте, некое подобие плитки тэгов. Код нашёл где-то на бескрайних просторах. При нажатии на кнопку всё отлично открывалось, но в какой-то момент полез добавлять в ссылки в код html и просто кнопка на сайте перестала открывать весь контент. В чём причина не могу понять. Код здесь https://jsfiddle.net/BRompat/aLv1gtyn/1/ в том состоянии в котором он уже не работает. Странно что на jsfiddle он открывается. Но копируя код на другой сайт - абсолютно такая же ситуация(не работает).
Помогите найти решение проблемы.

Comments

[Олег]

Сможете нарисовать, что было? Мы же не знаем, что вы добавили и что удалили, чтобы получился тот столбец ссылок.

[BRomplat]

Олег, код работал так же как показывает на jsfiddle. Задача его показывать начальные несколько кнопок плитки, а при нажатии на кнопку, раскрывать всю таблицу и так же закрывать её. Как было до моего редактирования, воспроизвести не могу) Ибо нашёл код на просторах необъятного и ссылки не сохранил, как и первоначального вида.

Answer 1

[Сергей Романенко]

Если у вас на сайте подключен jQuery, то вы вот так просто можете это сделать

Я поправил CSS, HTML, JS
https://jsfiddle.net/e3zqot0g/8/

Answer 2

[lamer350]

Потому что :focus не будет работать во всех браузерах как состояние, например на маке работает только в хроме...
Правильнее будет создать анимация которая застынет в конечной точке и повесить на :active