Discussion :

[Impli]

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.

[danielhagnoul]

Bonsoir.

Attention, il y a une inversion de })

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$("a.showLien").click(function(){
		$(this).next("ul.mList").slideToggle("slow");
)};

Il faut utiliser nextAll car il cherche plus loin que l'élément proche (next trouve uniquement le lien a suivant) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$("a.showLien").click(function(){
	$(this).nextAll("ul.mList").slideToggle("slow");
});

[Impli]

Bonsoir,

Concernant le }); c''était une faute de frappe lorsque j'ai tapé le code dans le post.

Sinon nextAll() règle bel et bien le "problème" (ou du moins, ça comble mon manque de connaissance dans jQuery). Merci pour l'info : )