Bonsoir,

Premier post ce sur forum, premier problème en jquery !

J'ai découvert (du moins, essayé) jQuery assez récemment, et je me retrouve avec une petit incompréhension lors d'une tentative d'utilisation d'un slideToggle();

Explications :

Je possède un menu qui contient divers liens, et certains de ces liens possèdent des sous-menus. Et je souhaiterai que lors d'un click sur un lien, le sous-menu apparaisse (via un slideToggle() donc).

Pour l'instant, j'utilise le code suivant :


Côté XHTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<a href="#" id="lien2">Lien n°2</a>
<a href="javascript:void(0);" class="showLien"><img src="./img/show-lien.png" alt="" /></a> 
<a href="javascript:void(0);" class="hideLien"><img src="./img/hide-lien.png" alt="" /></a><br />
<ul class="mList">
	<li><a href="#">Sous lien n°1</a></li>
	<li><a href="#">Sous lien n°2</a></li>
</ul>

Côté jQuery :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
$("a.showLien").click(function(){
		$(this).next("ul.mList").slideToggle("slow");
)};

Le problème est que ... Rien ne se passe. Et j'avoue avoir du mal à cerner la cause.

Est-ce le $(this) qui ne retourne rien ? Ou alors le .next() ? ...
Bref, beaucoup d'interrogations pour un code bien simple ... :/


(Pour info, j'utilise jquery-1.3.2.min)


Merci d'avance pour vos réponses et/ou explications.


Impli.