ナビゲーションメニューのオン/オフを切り替え、クリック時に他のナビゲーションメニューを閉じる

Question

私はいくつかの場所を試してみましたが、最終的にはこれらを個別にオン/オフを切り替えることができますが、最初の終了なしにドロップダウン。私は、オンとオフを切り替えるだけでなく、オンとオフを切り替えることができます。

$('.list > li a').click(function() { 
    $(this).parent().find('ul').toggle(); 
}); 

Answer 1

他のすべての要素を最初に非表示にして、現在の要素を切り替えることができます。

$('.list > li a').click(function() { 
    $('.list > li a').not(this).parent().find('ul').hide(); 
    $(this).parent().find('ul').toggle(); 
}); 

Answer 2

これを試してください。基本的にすべてのトグルを非表示にしてから、クリックされたものを表示します。 注。私はaタグを削除し、li要素自体にクリックを取った。

$('.list > li').click(function() { 
    $('.list li').hide(); 
    $(this).find('ul').toggle(); 
}); 

提案：より良い回答を得るには、htmlとjsfiddleのリンクを共有してください。