Jquery 只切换一个子菜单

Question

我在使用 jquery 时遇到了一些小问题。下面的代码应该在用户单击菜单项时打开子菜单列表。但是当用户单击其中一个菜单项时，它也会打开所有其他子菜单：

$(document).ready(function(){

    $(".mobile-main-menu-item-container").click(function(){

        $(".mobile-main-menu-subitem-list-container").slideToggle();

    });

});

我不得不说，我对它的行为并不感到惊讶，因为所有菜单项都使用同一个类。我只想问我必须在代码中更改什么，以便只打开一个子菜单。当然，有更好的方法来编写代码，而不是为每个代码分配不同的 ID。

在此先感谢您的帮助。

Answer 1

在click函数内部，用于this将您的子项类的范围隔离到所单击项的唯一子项（和孙子项等）。$(document).ready(function(){    $(".mobile-main-menu-item-container").click(function(){        $(this).find(".mobile-main-menu-subitem-list-container").slideToggle();    });});