Discussion :

[Aizen64]

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.

[NoSmoking]

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 !

[Aizen64]

Merci pour ta réponse, mon code :

HTML :

Code :

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

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 :

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

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 ?