Afficher/cacher sous menu
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:
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:
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 ?
