Afficher sous-div d'un div

Bonjour.
Je suis en train de réaliser une sorte d'arborescence récursive et je me trouve dans une situation de ce genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<div id='n1'> <div id='sn1'> <div id='ssn11'> <div id='sssn1'> </div> </div> <div id='ssn12'> </div> </div> </div>

---

Je souhaiterais créé une fonction javascript qui prend en paramètre l'id d'un div et pour celui-ci afficher ou cacher tous les div qui se situent en dessous mais juste pour le 1er niveau.
Dans mon exemple je voudrais par exemple que si j'appelle ma fonction sur "sn1" j'affiche ou je cache "ssn11" et "ssn12" mais que je n'affiche pas "sssn1".

Je sais pas si j'ai été clair mais j'ai fait à peu près ce que je pouvais.:D
Merci déjà pour votre aide.

heuu de toute façon si tu masques 'ssn11' , 'sssn1' ,sera également masqué puisque c'est un de ses enfants :

Code:

---

1 2	document.getElementById('ssn11').display = "none"; //pour masquer document.getElementById('ssn11').display = "block"; //pour afficher

---

Pour çà oui mais je voudrais que si j'affiche ssn1 çà n'affiche pas sssn1

document.getElementById('sssn1').display = "none" !

En fait on se comprend pas.
Je voudrais faire une fonction javascript qui si je luis passe un id de div il m'affiche tous les div du dessous mais que les div du 1er niveau pas les sous-sous[...sous-sous-sous...]-div.

En gros voici le code que je suis en train d'essayer de faire mais qui ne fonctionne pas :

Code:

---

1 2 3 4 5 6 7 8 9

function montreDiv(layer){   var d=document.getElementById(layer).getElementsByName('prout'); //J'ai essayé avec getElementByTag il me semblait que çà existait mais il n'en veux pas. for(var i=0;i<d.length;i++){ afficheCache(d[i]); } }

---

Bon finalement j'ai fait autrement, juste une confirmation, il existe pas une fonction en javascript qui s'appelle "getElementByTag" ou un truc du genre ?

getElementsByTagName('div') te renverra un tableau de div ...

pour ton problème , regarde du coté de stoppropagation ( cherche sur ce forum :) )