Как открыть-закрыть подменю по клику на родителя?

Question

[lagudal]

все просто вроде, но что то у меня получается так, что по клику по родительскому элементу меню открываются сразу все дочерние, а надо конечно же как по hover - только соотв-ие.
(раскоментировать js и закоментировать последнии строки css)

Answer 1

[Александр]

$('.menu-item > .submenu').toggleClass('show-submenu');

меняем на

$(this).find('.submenu').toggleClass('show-submenu');

Comments

[lagudal]

Осталась проблема скрытия подменю.
Как должно быть: скрытие по второму клику на элемент (выполняется toggleClass), скрытие по клику вне области меню, и скрытие по клику на любой соседский элемент - открывается новый и закрывается старый.
Проблемка с третьим пунктом - но если перед кликом вначале удалять класс (закомментированная строка), то третий пункт работает но тогда не работает первый, не срабатывает toggleClass.

[Александр]

lagudal, А зачем тогда так делать, когда можно просто вместо того же :hover юзать :focus

[lagudal]

ну да, можно еще чекбоксами, практически без js.
Но тут задача такая, долго объяснять, почему так именно надо.