可折叠列表 - 使用单独切换折叠多个列表项目

Question

我发现some jquery code能够在列表中具有可折叠子菜单。

当我使用这个代码：

$('.menu-item-has-children').prepend('<a id="fa-menu" href="#"><i class="fa fa-plus"></i></a>'); 
$("#fa-menu").on("click", function(){ 
    $(".sub-menu").slideToggle(); 
    $(this).toggleClass("active"); 
}); 

我能够扩大和崩溃，但它的.sub-menu每个实例这样做，只允许我与第一#fa-menu实例切换。

查看my website举例。

如何让它切换为彼此分开。

Answer 1

而不是$(".sub-menu").slideToggle();使用$(this).parent().find(".sub-menu").slideToggle();，如果您想停止传播，请调用preventDefault（）。