jQuery afficher les éléments de la liste

Question

J'ai deux ul qui lorsque le haut li est cliqué, il montre les autres ci-dessous et cache un autre ouvert dans d'autres ul. Mon problème est que j'ai dû ajouter un lien Afficher tout à côté de la page principale que je veux diriger les utilisateurs à une vue de toute la page tout en leur permettant de cliquer sur le lien principal pour afficher la liste.

J'ai mis une autre étiquette à côté de la li principale mais maintenant je ne peux pas obtenir la fonction de spectacle trop de travail. Je ne sais pas ce qui pourrait être faux.

Je ne suis pas très doué pour traverser le dom et je sais que j'ai les frères et soeurs usés.

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

Answer 1

EDIT: Désolé, j'ai raté la peau toutes les exigences des autres. Merci pour le commentaire. S'il vous plaît regardez le lien maintenant et ce problème devrait être résolu.

Notez que j'ai enveloppé les listes dans un div appelé _sidenav. Je préfère de loin cette approche à la recherche de frères et sœurs, car c'est un peu plus facile à lire et à interpréter en un coup d'œil et il y a moins de place pour la confusion à l'avenir. Je pense que je comprends ce que vous voulez. Jetez un oeil à ce violon:

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

Je suppose que le lien Afficher tous est supposé vous amène à une autre page, tandis que le principal li une liste agit comme un accordéoniste, masquant ou en affichant l'autre éléments lorsque cliqué.

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

Answer 2

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