Как заставить отобразится дочерний блок?

Question

[blackbb]

https://jsfiddle.net/fhvtaoad/1/ по сути это трехуровневое меню. Сейчас работают только два, подскажите как правильно отобразить третий уровень по нажатию пункта из второго уровня.

Comments

[Александр Лысенко]

Извините, но глядя на такие примеры хочется вырвать себе глаз.
У вас там тег divс display:none. Не очень понятно зачем он, но когда его убираешь отображается второй уровень и корректно работает выдача третьего

[blackbb]

AlexanderZe: извините, не тот вариант сюда залил. Посмотрите еще раз.

[Александр Лысенко]

blackbb: Проблема в привязке id subcontent. Посмотрите последний стиль который я дописал, думаю поймете

[Александр Лысенко]

blackbb: Вы в целом перемудрили очень сильно. Все это делается в сотни раз проще буквально 4-5 классами и несколькими строками в css

[blackbb]

AlexanderZe:ну вот как раз я и ищу ответ. Может кто посоветует как это делать без привязки к id.

[Александр Лысенко]

blackbb: Вам отказ от JS или Jquery принципиален?

[blackbb]

Нет, я просто в js не очень, поэтому накидал на css, что мог.

[Александр Лысенко]

blackbb: Если вы не против, то вот на jquery, что бы не долбаться с Js. Теги могут быть и ul - li для структуры

[blackbb]

AlexanderZe: Спасибо.

Answer 1

[M-ka]

необходимо взять один с готовых вариантов меню со вложенностями.... а не танцевать с бубном... Их оч много на цсс+хтмл.... (биховер подключать не придется, если не нужно оч древние браузеры)

Comments

[blackbb]

Да взять можно, просто у меня к этому меню скрипт на javascript прикручен, боюсь не смогу потом переделать его на новое.

[M-ka]

blackbb: выкинуть скрипт, в чем проблема? ну а если СПА, то прикрутить роутинг на все доступные для клика элементы

[blackbb]

M-ka: всмысле скрипт не для работы меня этого, а для отдельных целей связанных с этим меню, выкинуть не вариант)

[M-ka]

blackbb: тогда взять примеры, посмотреть о предложенных вариантах готового меню и исправить под аналог.... подведем итоги: включить мозг под анализ кода...

[blackbb]

M-ka: ну раз так сложно поправить существующий, то естественно придется пилить новый. Я думал для профессионалов в этой теме это дописать пару строк, но видимо нет.

[M-ka]

blackbb: править чужой код значительно сложнее, чем написать с 0 или перенести необходимое под готовое решение...

Answer 2

[Андрей Верх]

очевидно что вам нужно дописывать для каждого варианта
#tab1:checked ~ #content1