jQuery滑动切换，关闭其他手风琴类型？

Question

我有一个简单的滑动切换手风琴类型的菜单。

如果li有类.menu-item-has-children然后单击就会滑开驻留内li的.sub-menu：

$(".menu-item-has-children").unbind('click').click(function(){  
     $(".menu-item-has-children > a").toggleClass("sub-open"); 
     $(this).children(".sub-menu").slideToggle(); 
    }); 

如何使它，如果点击与menu-item-has-children另一个类，它关闭了一个我以前打开过的，打开了我刚才点击过的那个。

因此，本质上是一个手风琴，它关闭了一个在开启新手风琴前已经关闭/打开的手风琴。但是这些可能会出现在页面的其他地方，例如不在同一个列表中。

Answer 1

您可以slideUp()其他menu-item元素的子菜单。

$(".menu-item-has-children").unbind('click').click(function(){ 
    //Find other menu items 
    var otherMenuItems = $(".menu-item-has-children").not($(this)); 

    //Find children and perform Slideup sub-menus and remove sub-open class 
    otherMenuItems.children(".sub-menu").slideUp(); 
    otherMenuItems.children("a").removeClass("sub-open"); 

    $(this).children("a").toggleClass("sub-open"); 
    $(this).children(".sub-menu").slideToggle(); 
});