Masquer une arboresence

Bonjour,
Je suis face à un petit problème que je n'arrive pas à resoudre.
Je génère depuis ma bdd une "arborésence" de checkbox qui ressemble à celà :

Code:

---

1 2 3 4 5

<input type="checkbox" value="'.$id.'"> Parent1 <input type="checkbox" value="'.$id.'"> enfant1 <input type="checkbox" value="'.$id.'"> enfant2 <input type="checkbox" value="'.$id.'"> Parent2 ....

---

Et j'aimerais pouvoir masquer certaines partie de cette arbresence. PAr exemple en cliquant sur une image a coté de Parent 1 je fait apparaitre tout ses enfants.
Il me serait très facile de faire celà si je pouvais mettre les enfant d'un même parent dans un div à l'id du parent par exemple, mais mes check box étant générées de la manière suivante :

Code:

---

1 2 3 4 5 6 7

while(....) { if($rub3['idpere']!='') echo'<span style="margin-left:20px;"><input type="checkbox" name="rubrique2" value="'.$rub3['id'].'"> '.$rub3['libelle'].'</span><br />'; else echo'<input type="checkbox" name="rubrique2" value="'.$rub3['id'].'"> <b>'.$rub3['libelle'].'</b><br />'; }

---

Ca me parait difficilement réalisable.
Bref ma question , est comment puis je en JS masquer ou montrer certaines partie de mon arboresence ?

Merci d'avance

Bonjour,
tout d'abord c'est plutôt les radio qu'on regroupe sous un même name (mais ce n'est visiblement pas toi qui gère cette partie).
Sinon, tu peux rester dans ta logique :

Code:

---

1 2	for (i=0; i<document.getElementsByName('rubrique2').length; i++) document.getElementsByName('rubrique2')[i].style.display = "none"; // A adapter

---

A+

Merci de ta réponse :)
Je n'avais pas penser a faire une boucle ;)