Pliable liste en html avec jquery

Je suis en train de faire un réductible sélecteur de date pour notre blog. J'ai regardé une tonne de JavaScript/jquery/css exemples, mais je ne peux pas sembler obtenir d'eux de bien fonctionner avec un niveau 3 de la liste.
C'est la mise en page, je suis en train de réaliser:

>2012
  >July
    >title of muh new blag!

et voici les étiquettes:

<ul class="example_menu">
<li><a class="expanded">Section A</a>
<ul>
<li><a href="#">Link A-A</a>
<ul>
<li><a href="#">Link A-A-A</a></li>
<li><a href="#">Link A-A-B</a></li>
</ul>
</li>
<li class="active"><a href="#">Link A-B</a></li>
<li><a href="#">Link A-C</a></li>
<li><a href="#">Link A-D</a></li>
</ul>
</li>
<li class="footer"><span> </span></li>
<li><a class="collapsed">Section B</a>
<ul>
<li><a href="#">Link B-A</a>
<ul>
<li><a href="#">Link B-A-A</a></li>
<li><a href="#">Link B-A-B</a></li>
<li><a href="#">Link B-A-C</a></li>
</ul>
</li>
<li><a href="#">Link B-B</a>
<ul>
<li><a href="#">Link B-B-A</a></li>
<li><a href="#">Link B-B-B</a></li>
</ul>
</li>
<li><a href="#">Link B-C</a></li>
<li><a href="#">Link B-D</a></li>
</ul>
</li>
<li class="footer"><span> </span></li>
<li><a class="collapsed">Section C</a>
<ul>
<li><a href="#">Link C-A</a></li>
<li><a href="#">Link C-B</a></li>
<li><a href="#">Link C-C</a></li>
<li><a href="#">Link C-D</a></li>
</ul>
</li>
<li class="footer"><span> </span></li>
</ul>

Je suis en train de faire quelque chose d'aussi simple que de blogspot blog archive. (Check it out ici sur ce type de page)

Celui que j'ai trouvé et comme ce plus, c'est cette une. Et après décapage BEAUCOUP de code en plus, je viens avec cela:

$('.example_menu li > .étendu").afficher ("normal");

$('.example_menu li > a').cliquez sur(function() {

$(this).toggleClass('élargi').toggleClass ("effondré").parent().find('ul').toggle('normal');

});

Cette liste, se dilate et se contracte et idéal pour un simple niveau 2 de la liste, telles que:

>Year
>Month

Cependant, avec un niveau 3 de la liste soit il s'effondre tout en élargissant les 2 niveaux plus profonds ou se développe à deux niveaux. Je suis en train de faire l'immédiat liste inférieure à développer/réduire et laisser le plus bas de la liste s'est effondré jusqu'à ce que activé directement.

Y a plus simple jquery pliable listes?

Ou est-il un bon moyen d'obtenir l'immédiat intérieur ul élément à bascule et que l'on en tournant tous les autres de l'intérieur ul éléments de effondrée?