jQueryスライドトグル、どこでもアコーディオンタイプを閉じますか？

Question

私はアコーディオンタイプのメニューのための簡単なスライドトグルを持っています。

liは、そのli内に存在.sub-menuオープンスライドしますクリック.menu-item-has-childrenクラスがある場合：menu-item-has-childrenと別のクラスをクリックすると、それは1つのIを閉じること

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

がどのように私はそれを作るのですが私がちょうどクリックしたものが開きます。

本質的にアコーディオンで、新しいアコーディオンを開く前に既に折りたたんだ/開いているアコーディオンを閉じます。しかし、これらはページ内の他の場所に表示される可能性があります。たとえば、同じリストは表示されません。

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