Как открыть 3-ий уровень меню по клику на jquery?

Question

[DmitriySwan]

Вообщем я пока не совсем мыслю как js, и возникла проблема: есть выпадающее меню, где 2 и 3-ий уровень выпадает по клику. У меня выпадает только 2-ой уровень(потому что я повесил такое событие), не пойму как сделать так же и на 3-ий уровень, а то он вываливается вместе со вторым, вешать другой класс - не вариант, должно быть простое решение, прошу подсказать это решение

Мои наработки: https://jsfiddle.net/49du0d1x/

Answer 1

[Exploding]

$('ul:not(.menu) li').click(function(e){
  $(this).children('ul').toggle();
  e.stopPropagation();
});

Но что-то там уж сильно перемучено. Можно как-то и по короче это все сделать и классы там нафиг не нужны вообще. Спокойно можно обойтись родственными связями.
А если раскинуть чуть мозгами - можно и вообще js убрать (inputs: radio/checkbox), но это уже для фанатов:)

Comments

[DmitriySwan]

Хах, точно на чекбоксах можно реализовать, интересно) За родственные связи спасибо, еще не дошел до такого, а вот проблема: нужно же и закрывать по клику)

[Exploding]

DmitriySwan, Какая-то хрень с фидлом этим, то ли руки у меня искривились...
короче вот:

$('ul:not(.menu) li').click(function(e){
	$(this).children('ul').toggle();
	e.stopPropagation();
});

[DmitriySwan]

Exploding, Блин, спасибо. Я за это время сколько всего перерыл, уже голова опухла) Был близок..

[Exploding]

DmitriySwan, Классы вроде бы можно поубирать, кроме .menu

Answer 2

[Евгений]

https://jsfiddle.net/49du0d1x/2/