Как сделать второй уровень аккордиона?

Question

[Skilful221]

мой код суть в следующем, при нажатии на 1 пункт "строительство домов" все нормально открывается, но я хочу сделать multi-accordion мне нужно еще 2 уровня в него запихать)) не спрашивайте зачем, просто хочется))) так вот в "стоительство домов" есть 2 пункта "строительство блочных домов" и "строительство деревянных домов" сейчас там уже запиханы подпункты, но у меня не получается их вывести также как первые, у них стоит display none и при клике они не появляются... как мне сделать их видимыми при нажатии? Спасибо.

Answer 1

[0xD34F]

При загрузке страницы вы прячете .accordion__grandchild__item, а переключаете видимость у родительских элементов - .accordion__grandchild__group. Надо как-то устранить это печальное несоответствие.

Comments

[Skilful221]

можете подсказать как это можно исправить?

[0xD34F]

Skilful221, подумайте сами хотя бы пять минут.

[Skilful221]

0xD34F, я плохо разбраюсь в jquery я не понимаю что нужно сделать, я пробовал $('.accordion__grandchild__item').toggle(); помещать в тело первой функции, но также не срабатывает, а как переписать код не понимаю(

[0xD34F]

Skilful221, вместо $('.accordion__grandchild__item').toggle() должно было быть $('.accordion__grandchild__group').toggle(). А вообще, по-хорошему, этот toggle (.accordion__child__group это тоже касается) не нужен - дефолтное скрытое состояние можно задать через css.

[Skilful221]

0xD34F, спасибо большое - заработало, а почему лучше вместо .toggle использовать класс active? не понимаю, так же больше кода, нужно будет задавать этот класс, потом удалять, в него прописывать дисплей блок - none..