可摺疊列表 - 使用單獨切換摺疊多個列表項目

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（）。