Bonjour

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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 ?