menu dépliant en javascript
salut à toute la communauté,
beh voilà mon problème. J'ai écris un code javascript pour faire un menu déplaint vertical. Voici le code:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
/* MENU DEPLIANT */
window.onload = montre('submenu1');
var opened = false;
function montre(id) {
document.getElementById('submenu1').style.display='none';
var d = document.getElementById(id);
if (d) {
if(opened == d) {
opened = false;
d.style.display='none';
} else {
opened = d;
d.style.display='block';
}
}
} |
et ma liste est :
Code:
1
2
3
4
5
6
7
8
9
|
<ul>
<li><a onclick="javascript:montre('submenu1');return false;">test</a></li>
<ul id='submenu1'>
<li>soustest</li>
<li>soustest2</li>
</ul>
<li>test2</li>
</ul> |
1)Je souhaiterai en fait qu'au départ mon menu ne soit pas deplié. Mais ce n'est pas le cas, il est deja deplié lorsque je charge la page.
2) Lorsque la page se charge pour la premiere fois, le menu est déplié, quand je clique sur le lien, il ne fait rien, mais quand je clique une deuxième fois, le menu se réplie.
voir ici: http://www.babyloncircle-international.com/index.php
Merci pour toute contribution.
