Как реализовать четырехуровневое меню из примера в описании?

Question

[blackbb]

Здравствуйте, помогите пожалуйста.
Вот пример https://jsfiddle.net/ufddmm67/3/, которое отлично подходит для сайта. При наведении на родительский уровень открывается дочерний, проблема в том, что при наведении на второй уровень открывается третий и четвертый сразу. Мне нужно, чтобы четвертый открывался по наведнию на третий уровень.

Comments

[Ярослав Иванов]

Вот bfy.tw/91ZD
Вы когда-нибудь гуглить научитесь ? каждый день кто-нибудь да задает вопросы про 3-х уровневое меню или еще чего , ответы которые есть на тостере в количестве 1000 шт.

[Ярослав Иванов]

Во-вторых. Даже без знаний html можно догадаться впихнуть Второй уровень в сам себя и получить 3-х ур. меню. Разве это так сложно?!

[Ярослав Иванов]

Как создать трехуровневое меню bootstrap?

[Ярослав Иванов]

Судя по вашим вопросам вы сами же на них и отвечаете и помечаете )))

[blackbb]

Ярослав Иванов: Гуглить научился давно, поэтому в последнюю очередь пришел сюда, так как ничего не нашел. Мне не просто нужно впихнуть второй уровень в сам себя, а заставить это работать как в примере, там яваскрипт. (пишу, так как понимаю, что вы себя не затруднили переходом по ссылке). По поводу сами отвечаете, так это только там, где никто не помог и пишу ответ сам, чтобы следующий кто с этим столкнется нашел его. Я просто так не пишу не разобравшись в сути проблемы.

[Ярослав Иванов]

blackbb: Что значит заставить работать ?

[Ярослав Иванов]

blackbb: по вашему если впихнуь блок ul работать не будет ?!

[blackbb]

Ярослав Иванов: перейдите по ссылке, которая в описании. Там суть в том, что при наведении на пункт меню, открывается его подпункт и все это сделано средствами javascript, так как в нем я не силен, поэтому написал сюда, думал, может просто код поправить. Если я просто вставлю ul в третий уровень, то он будет работать, но будет открываться сразу вместе со вторым.

[Ярослав Иванов]

blackbb: вы даже не пробовали это во первых. И не смотрели ссылки, которые я дал выше а там есть 3х ур. И в третьих вы логику кода понять не можете ? Если он видет после ссылки блок ul то делает вложенность. Она может быть бесконечной .

[blackbb]

Ярослав Иванов: если бы не пробовал, то не писал бы сюда. Ссылки смотрел, бутстрап не подходит мне. Логику кода понять не могу, вы правы, в этом и вопрос помощи заключался.

[Ярослав Иванов]

blackbb: ну так я её вам и объяснил.

[blackbb]

Ярослав Иванов: Я же вам говорю, что отрабатывает не правильно. Открывает всех детей(второй и третий уровни) при наведении на первый уровень

[blackbb]

Ярослав Иванов: просто вставил ul во второй уровень и вот, что получается. Как я уже и говорил.

[Ярослав Иванов]

blackbb где ссылка ?

[blackbb]

Ярослав Иванов: в описании

[Ярослав Иванов]

blackbb: ну и ? У меня открывается последовательно а не все сразу

[blackbb]

Ярослав Иванов: наводим на "Первый уровень" ок? Затем перемещаемся мышкой вниз на "Второй уровень" и видим, что пункт "Третий уровень" уже открыл своих детей, ок? Но нам необходимо, чтобы он их открыл, только после того как мы наведем на "Третий уровень".

Answer 1

[Михаил Столповских]

codepen.io/monkeysbrain/pen/aBPOoj?editors=1100

Comments

[blackbb]

Три уровня вложенности нужно.

[Михаил Столповских]

blackbb: По аналогии добавляй ul class="depth3"

[blackbb]

Михаил Столповских: Как и мое меню это открывает третий уровень вместе со вторым, так не пойдет, у меня много пунктов будет на третьем уровне и все они сразу откроются

[Михаил Столповских]

blackbb: повесь depth3 на ul.depth2>li.d3:hover