Voila j'ai un soucis, j'ai créer un menu qui contient également un sous menu.
Je voudrais que mon sous menu s'affiche uniquement lorsque l'utilisateur se trouve dans la section contenant le sous menu.
J'arrive bien à afficher le sous-menu mais dès que je veux y accèder il se retire.

Voila le code de mon menu

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="menu">
	<ul>
	<li><a href="#">Menu1</a></li>
	<li><a href="#">Menu2</a></li>
	<li onmouseover="montre('smenu3',true);" onmouseout="montre('smenu3',false);"><a href="#">Menu3</a></li>
	<ul id="smenu3">
	<li><a href="#">Sous-Menu 3.1</a></li>
	<li><a href="#">Sous-Menu 3.2</a></li>
	<li><a href="#">Sous-Menu 3.3</a></li>
	</ul>
	<li><a href="#">Menu4</a></li>
	</ul>
</div>
Et ma fonction montre :

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
17
18
19
<script type="text/javascript">
window.onload=montre;
 
//affichage du menu déroulant et placement de ce dernier
function montre(id,affiche)
{
	var d = document.getElementById(id);
	//si on quitte un élément du menu
	if (d && !affiche) 
	{
		d.style.display='none'; //on l'efface
	}
	//sinon si on se mets sur un élément du menu
	else if (d && affiche)
	{ 
		d.style.display='block'; //on l'affiche
	}
}
</script>
Existerait-il une solution pour que je puisse accèder à mon sous-menu ?