Как работать с дочерным элементом конкретного пункта меню?

Question

[Владислав Бойченко]

Доброго времени суток.
Сразу к сути вопроса. Я определяю отцовский элемент меню и подменю таким образом:

... = $('#menu > ul > li');
... = $('#menu > ul > li').children();

И с помощью "slideToggle" раскрываю и скрываю по клику подменю. Но при нажати на один отцовский элемент раскрываются дочерные элементы всех заглавных ссылок. Как обращаться к дочерному элементу только конкретно той ссылки, на которую кликает человек?

Answer 1

[Алекс Глебов]

$(".nav-item").on("click", function(e) {
      $(this).find(".dropdown").slideToggle();    
});

Comments

[trushka]

можно даже короче:
$(".dropdown", this).slideToggle();

Answer 2

[Михаил]

по клику в обработчике делать stopPropagation
Пример:

$('#menu > ul > li').on('click', function(e) {
  e.stopPropagation();
}