我发现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。
我怎么才能让它们彼此分开。