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

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

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