Bonjour tout le monde.

J'ai une liste très simple, sous la forme :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<ul class="ulext">
  <li><a><span>Lien 1</span></a></li>
  <li>
    <a><span>Lien 2</span></a>
    <ul class="ulext">
      <li><a><span>Lien 2.1</span></a></li>
      <li><a><span>Lien  2.2</span></a></li>
    </ul>
  </li>
</ul>
Ce que je cherche à faire, avec jQuery 1.4.2, c'est avoir cette liste sous forme déroulante.

C'est à dire qu'au début on ne doit voir que les li de premier niveau.
Ensuite, sur un mouseover, le li affiche le ul enfant s'il existe et sur le mouseout le cache de nouveau.
Cela doit être récursif (pour le ul des li contenant eux-même un ul...).

Je suppose que c'est un besoin fréquent mais je n'ai trouvé que des tutoriaux sur des menus customisés, moi je cherche vraiment le plus simple.

J'ai essayé de plusieurs manières différentes mais à chaque fois j'ai le même problème...
Je n'ai pas trop envie d'étaler mon code erroné ici car je pense être parti dans une "mauvaise direction". Je suis à la recherche d'une autre direction C'est pourquoi je ne cherche pas une solution à mon erreur mais bien une solution simple que vous pourriez me proposer ? Ou la façon dont vous vous y prendriez du moins.

Merci d'avance pour votre aide.