Javascript Jquery仅切换一个子菜单

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

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

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

---

提前感谢您的帮助。

在

click

函数中，使用

this

将子项类的作用域仅限于所单击项的子项（和孙辈等）

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

---

在这里发布一个简单的工作示例