[Résolu]Jquery passer d'un élément à un autre

Bonjour

Je suis entrain d'essayer de faire du jquerry. Je voudrais afficher dans un formulaire des champs qui sont cacher au chargement de la page lorsque l'on appui sur un lien.

voici le code html

<li class="first">
bla bla
<a href="" class="addMore" >add more</a>
</li>
<li class="hiddenField">
bla bla
<a href="" class="addMore" >add more</a>
</li>
<li class="hiddenField">
bla bla
<a href="" class="addMore" >add more</a>
</li>
<li class="hiddenField">
bla bla
<a href="" class="addMore" >add more</a>
</li>

Le jquery

		
$(document).ready(function(){
			$(".hiddenField").hide();
	
		    $(".addMore").click(function () { 
      $(".hiddenField").next().slideDown(); 
    });
	});

Mon problème c'est que lorsque je clique sur le lien c'est tous les li qui apparaissent alors que je voudrais que ce soit une après l'autre.

Avez vous une piste ?
Modifié par darkjeff99 (10 Aug 2010 - 15:56)

Hello,

Dans ta fonction exécutée au clic sur un a.addMore, tu peux utiliser $(this) pour obtenir un objet jQuery qui correspond au lien cliqué. De là, tu peux remonter sur le li.hiddenField parent du lien cliqué, et aller au li.hiddenField suivant.

Les méthodes jQuery à utiliser sont toutes dans la documentation, je te laisse chercher.
http://api.jquery.com/category/traversing/

Merci

Voilà la solution

$(document).ready(function(){
			$(".hiddenField").hide();
			
		    $("a.addMore").click(function () { 
      $(this).parent().next().slideDown(); 
    });
	});

Désolé de déterrer mais je voulais remercier darkjeff99 et Florent qui m'ont permis de résoudre mon problème


Merci encore Alsacréations