Как решить проблему с вложенным списком?

Question

[Genri_Rus]

Вот пример: https://codepen.io/Genri_Rus/pen/rNmqWOV

В целом все работает как нужно, за исключением одной проблемы.

При клике на первый пункт выпечка, не все закрываются подпункты и остается подпункт (сладкие).
Как можно решить данную проблему ?

Comments

[Сергей Сергей]

родительский ИД элементов третьего уровня не будет равен ИД элемента первого уровня.

[Genri_Rus]

Сергей Сергей, а как решить данную проблему ?

[Сергей Сергей]

Написанное мной не является проблемой, так и строится простая иерархия — один "родитель", множество "детей".

[Genri_Rus]

Сергей Сергей, а могли бы показать пример ?

[Сергей Сергей]

https://habr.com/ru/post/142603/

[Genri_Rus]

Сергей Сергей, спасибо, а без плагина никак не получится такое реализовать ?

Допустим если сохранять id в массиве ?

[Сергей Сергей]

В каком массиве? Все id доступны и так через атрибут. Здесь нужно понять логику, что закрывать нужно не только непосредственных детей, но и внуков и правнуков. А в процедуре скрытия есть проверка только на непосредственного родителя перед скрытием.

[Genri_Rus]

Сергей Сергей, дело в том, что мне нужно закрывать все дочерние категории только для текущего родителя

[Сергей Сергей]

У выбранного родителя бывают внуки, для которых собственные родители также являются детьми для выбранного. В приведённом коде нет проверки на внуков перед сокрытием.

[Genri_Rus]

Сергей Сергей, т.е. присвоить внукам id родителя ?

[Сергей Сергей]

Нет, так сломается иерархия.
Самое очевидное, через рекурсию выявлять предков.

[Genri_Rus]

Сергей Сергей, т.е. запускать функцию и в ней цикл for до тех пор, пока всех предков не найдет ?

[Сергей Сергей]

Нужно искать одного конкретного предка, для которого нужно скрыть его потомков.

[Genri_Rus]

Сергей Сергей, а могли бы показать пример без плагинов ?

Answer 1

[tyoma_koder]

Переделай на ul, вложенные списки вкладывай в li, прошиши класс типа li.active>*{ display block} и при клике добавляй/убирай класс active, тогда всё будет нормально рабоать

Comments

[Genri_Rus]

Мне нужна именно табличная верстка, т.к. с ul это просто сделать (

[Sun_Day]

Genri_Rus, все что ты делаешь табличной версткой - можешь сделать без нее. Табличная верстка зло.

[Genri_Rus]

Sun_Day, ну множество CMS используют таблицы для показа данных.

Таблицы же используют для всякой статистики и почтовых рассылок

[Sun_Day]

Genri_Rus, понимаю.