Jquery переключить только одно подменю

Question

У меня возникли незначительные проблемы при работе с jquery. Код ниже должен открыть список подменю, когда пользователь нажимает на элемент меню. Но когда пользователь нажимает на один из пунктов меню, он также открывает все другие подменю:

$(document).ready(function(){
    $(".mobile-main-menu-item-container").click(function(){
        $(".mobile-main-menu-subitem-list-container").slideToggle();
    });
});

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

Заранее благодарен за помощь.

Answer 1

Внутри функции click используйте this, чтобы выделить область действия вашего подпункта только для детей (и внуков и т. Д. c.) Элемента, по которому щелкнули.

$(document).ready(function(){
    $(".mobile-main-menu-item-container").click(function(){
        $(this).find(".mobile-main-menu-subitem-list-container").slideToggle();
    });
});