Masquer les éléments de mon sous-menu
Bonjour,
je mets en place un menu css deroulant.
ce que je veux, c'est quand on clique sur un element du menu, il me sort son sous menu correpsondant.un deuxieme click masque le sous menu.
le probleme est que tout marche sauf que mon sous menu est affiché à la premiere fois qu'on arrive a la page alors qu'il devrait rester masqué jusu'au click.
j'ai procédé de cette façon
style css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <style type="text/css">
#monmenu {}
#monmenu UL{
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px;
LEFT: 0px; MARGIN: 0px; POSITION: relative; TOP: -1px
}
#monmenu ul ul {
left: 60px; top: -1px; position: relative; margin:0px; padding: 0px;
}
#monmenu li {
list-style: none;
width: 60px;position: relative;
}
</style> |
mon javascript
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<script type="text/javascript">
<!--
function newmenu(cmenu){
if (document.getElementById) {
thismenu = document.getElementById (cmenu).style
if (thismenu.display =="block" || thismenu.display ==""){
thismenu.display = "none"
}
else
{
thismenu.display = "block"
}
return false
}
else
{
return true
}
}
-->
</script> |
mon code html
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
|
<div id="monmenu" id="monmenu">
<ul>
<li>
<p><label><a href="#" onclick="return newmenu('niveau2')" >
<bean:message key="formulaire.menu.exporter" />...
</a>
</label></p>
<span id="niveau2">
<ul class="niveau2">
<li>
<p> <small>
<a href="#" onClick="exportVersionRTF()">
<html:img page="/images/arrow.gif" width="10" height="10"
border="0" /> <bean:message key="formulaire.menu.exporter.rtf" /></a>
</small>
</p>
</li>
<li>
<p>
<a href="#" onClick="exportVersionPDF()">
<html:img page="/images/arrow.gif" width="10" height="10"
border="0" /> <bean:message key="formulaire.menu.exporter.pdf"/></a>
</p>
</li>
</ul>
</span>
</li>
</ul>
</div> |
quelqu'un a-t-il une idée svp.
merci d'avance
