Menu vertical déroulant

Bonsoir,

j'ai activement cherché sans trouver la bonne requête qui me mènerait au graal...
c'est un souci basique, je suis sur que ça existe.

j'ai une structure du type

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<ul id="menu"> <li>Item 1 <ul> <li>Item 1.1</li> <li>Item 1.2 <ul> <li>Item 1.2.1</li> <li>Item 1.2.2</li> </ul> </li> </ul> </li> <li>Item 2</li> </ul>

---

et je cherche un plugin Jquery tel qu'on afficherait que les éléments de profondeur 1, clique ouverture de la profondeur suivante, etc...

avec ouverture automatique au chargement de la page sur l'arborescence d'un li qui aurait une class donnée, ex "open_at_load"

je suis certain que ça a été fait, mais je n'arrive pas à trouver, si quelqu'un peut m'aiguiller, merci d'avance !

Bon, finalement, je l'ai fait moi-même, je le partage si ça peut aider quelqu'un.
c'est pas forcément joli...
menugauche est l'id de l'ul principal, les li a devant déclencher l'ouverture d'un sous-menu sont de classe "navo" pour distinguer des liens classique http.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

$(document).ready(function() { $("#liactive").addClass("open"); $("#liactive").parents("ul").addClass("open"); $("#liactive").find("> ul").addClass("open"); $("#menugauche").find("ul").not(".open").hide(); $("#menugauche").find("a.navo").click(function() {   $("#menugauche").find("ul").removeClass("open"); $(this).parents("ul").addClass("open");   $(this).parent().find("> ul").each(function() { if ($(this).is(':visible')) $(this).removeClass("open"); else $(this).addClass("open"); });   $("#menugauche").find("ul").not(".open").not(":hidden").slideUp("slow"); $("#menugauche").find(".open").not(":visible").slideDown("slow");         return false; });     });

---