Comment faire basculer uniquement les classes * next * .class ou div (pas le rest) jQuery Girl

Je me demandais comment basculer une div “enfant” uniquement, en cliquant sur un bouton qui répète sur le code HTML, comme ceci:

  Blah1 
 
   Blah2 
 
   Blah3

L’objective serait d’affecter uniquement l’enfant intermédiaire et de cacher le rest.

Je ne sais pas si c’est possible.

Ce morceau de code me basculait tous les divs:

  $(document).ready(function(){ $('.button').click(function() { $('.toggle').slideToggle(); }, function () { $('.toggle').slideToggle(); }); });

Merci beaucoup pour votre aide.

essayer

 $(this).next('.toggle').slideToggle();

 $(this).children('.toggle:first').slideToggle();

Dans le gestionnaire d’événements de clic, le mot – clé this fait référence à l’élément sur lequel l’utilisateur a cliqué. Remplacez vos lignes $ (‘. Toggle’). SlideToggle () par

 $('.toggle',this).slideToggle();

Thomas Stock et Russ Cam ont raison … Je viens de bien emballer. Collez ceci sur votre page quelque part … généralement dans la tête ou dans le pied de page après tout votre code.

ce que je dois faire si ma DIV que je veux basculer n’est pas l’élément enfant de l’élément clic, par exemple:

 Klick to show first Showme-Class You've clicked the first span-element
 Klick to show second Showme-Class You've clicked the second span-element
 Klick to show third Showme-Class You've clicked the third span-element