Как пофиксить выпадающее меню?

Question

[melwork]

Делаю выпадающие пункты меню таким образом, чтоб появлялись по клику. Все почти получилось благодаря скрипту, но выходит так, что по клику раскрываются сразу все подпункты, а нужно только чтоб при нажатии на один конкретный выпадал его дочерний список.

https://jsfiddle.net/evj3pcfr/2/

Наверняка все просто, но я только учусь и завис на этом вопросе уже очень долго((

Comments

[RAX7]

залей свой код в песочницу
https://jsfiddle.net/5um0yt69/1/

[melwork]

Вот так пока что
https://jsfiddle.net/evj3pcfr/2/

Answer 1

[Ankhena]

Писать зависимости от this
Заменить $('.sub-menu').toggle(); на $(this).children('.sub-menu').toggle();
https://jsfiddle.net/ta136ogu/

Comments

[melwork]

Спасибо большое, заработало! От себя только добавлю, что строка $('.nav-menu li').click(function (e) должна быть именно (e), а не ( ). Иначе, действие будет срабатывать только в десктопной версии.

[Ankhena]

melwork, ну да, логично