jQuery切換，關閉當前打開的其他元素

Question

我試圖創建一個菜單，當您單擊它時切換並隱藏其他菜單（如果它們當前打開）。它工作正常，但是一旦你打開菜單，它是不可能關閉它。

這裏是我的jQuery代碼...

$(function() { 
    $('.acctnav > li').click(function() { 
    $('.acctnav ul').hide(); 
    $(this).children('ul').slideToggle(); 
    }); 
}); 

這裏是代碼筆的鏈接... http://codepen.io/anon/pen/yifmo

我想做到以下幾點...

1. 當您單擊菜單鏈接時，它會打開。
2. 當第一個菜單仍然打開時單擊第二個鏈接時，應關閉第一個菜單並顯示下一個菜單。
3. 然後，當你點擊第二個菜單（當前打開），現在應該關閉。

感謝

Answer 1

我修改jQuery代碼，檢查：

$(function() { 
    $('.acctnav > li').click(function() { 
    $('.acctnav ul').hide(); 

    $(this).children('ul').slideToggle(); 


    }); 
});