Cacher tous les divs contenus dans un autre div
Bonjour :D
Dans un div, j'ai une liste d'items.
Toujours dans ce div, j'ai d'autres divs : un pour chaque item, en "display:none".
Quand je clique sur un item, ça affiche le div correspondant.
Comment faire pour cacher tous les autres divs qui pourraient être déja affichés et n'afficher que le div concerné ?
J'ai regardé sur le forum et sur Google, j'ai testé :
Code:
1 2 3 4 5 6
|
function showdiv(name)
{
document.getElementsByTagName('div').style.display="none";
document.getElementById(name).style.display="block";
} |
mais ça ne fonctionne pas, d'autant plus que j'ai peur de cacher tous les divs de ma page en faisant ça et je ne veux pas.
Résumé de mon code HTML :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
|
<div id="contenu">
<div id="blabla">
<div id="truc">Un autre truc</div>
<div>
<h3>Un titre</h3>
<ul>
<li>Un autre titre</li>
<ul>
<li onClick="showdiv('itemun')">Item1</li>
<li onClick="showdiv('itemdeux')">Item2</li>
</ul>
</ul>
</div>
</div>
</div> |
J'ai lu sur un topic qu'il fallait juste prendre la collection document.getElementsByTagName('div') mais j'avoue que je n'ai pas bien compris :?
Quelqu'un pourrait-il m'aider ? :D