Bonjour, je commence en javascript et j'ai besoin d'aide.

Avec un menu principal, je veux faire afficher un sous-menu avec une fonction javascript

Je veux quand je clique sur test1 faire apparaître la liste "aventure" et quand je clique sur test2 faire apparaître la div "culture" mais que si l'autre div a été cliqué, qu'elle disparaisse

comment je peux faire?

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
function sousMenu(myDIV){
	document.getElementById(myDIV).style.display = "block";
}
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<ul>
	<li><a onclick ="sousMenu('aventure')" href="#">test1</a></li>
	<li><a onclick ="sousMenu('culture')" href="#">test2</a></li>
</ul>
<div><ul id="aventure" style=" display:none;">
	<li><a href="#">Excursions</a></li>
	<li><a href="#">P&ecirc;che</a></li>
	<li><a href="#">Randonn&eacute;e</a></li>
</ul></div>
<div><ul id="culture" style=" display:none;">
	<li><a href="#filter=.circuits">Circuits</a></li>
	<li><a href="#filter=.patrimoine">Patrimoine</a></li>
</ul></div>