jQueryショーリストのアイテム

Question

私は2つのulを持っています。トップリーをクリックすると下のものが表示され、他のulには別のものが表示されます。

私の問題は、main liの横にView Allリンクを追加して、リストを表示するためにmain liをクリックできるようにしながら、ユーザーにすべてのページを表示させたいということです。

私はメインの脇の別のタグを付けましたが、今は表示機能も使えません。何が間違っているのかはわかりません。

私はdomを横断するのに偉大ではありません。私は兄弟がいることを知っています。

http://jsfiddle.net/ukkpower/En7KV/8/

Answer 1

EDIT：申し訳ありませんが、私は非表示にする他のすべての要件を逃しました。コメントありがとう。今すぐリンクを見てください。その問題は解決されるはずです。

私は_sidenavという名前のdivにリストをラップしています。私は、一見しただけで読んだり解釈したりするのがずっと簡単で、将来の混乱の余地が少ないので、このアプローチを兄弟姉妹を探すのが大好きです。

私はあなたが欲しいものを理解していると思います。このバイオリンを見てみましょう：

http://jsfiddle.net/CU9zg/3/

私は他のを隠したり表示、リストのための主要なLiはアコーディオンのような役割を果たしながら、すべてのリンクは、別のページにあなたを取るために仮定されたビューを想定していますアイテムをクリックすると助けのための

$('ul li.cat-item', $('#_sidenav')).hide(); 
$('.cat-item', $(this).closest('ul')).toggle(); 

Answer 2

これを試してみてください - http://jsfiddle.net/En7KV/10/

$('a.show_list').on('click', function(e){ 
    e.preventDefault(); 
    $(this).parent().siblings().toggle(); 
    $(this).closest('ul').siblings().find('li a.show_list').parent().siblings(':visible').hide(); 
});