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(); 
});