Afficher/masquer des sous éléments

Bonjour,

Supposons que j'ai n résultats récupérés avec un ensemble d'informations sur des personnes, en en-tête, j'affiche un identifiant, nom et prénom. En cliquant sur cette en-tête j'ai une action toggle() pour afficher/masquer le contenu, rien de plus basique sur le principe.

Comment dois-je écrire une fonction pour afficher/masquer uniquement les sous éléments de celui sur lequel je clique ? Un ID est par définition unique et une classe peut être réutilisée sur n éléments.

Si je fais référence à une classe, l'ensemble des éléments qui possèdent cette classe seront affectés.

Bonjour,
montre nous le code que tu as mis en place et la structure des éléments concernés, mais cela passera par un boucle !

Merci pour ta réponse, mon code :

HTML :

Code:

---

1 2 3 4 5 6 7 8

<div class ="toggle"> <span>Zone en-tête à ne pas masquer</span> <div class="sous-div"> <div class="sous-div2">   </div> </div>

---

JS :

Code:

---

1 2 3 4 5 6 7 8

function toggleItem { $('.toggle').click(function() { $(this).children('div').toggle(); }) }

---

De cette manière, le span est ignoré et je masque uniquement les sous éléments de type div. Des idées pour faire plus propre ?