HELP code menu javascript

[PINEDE]

Bonjour,

j'ai un pb de code pour mon menu à l'adresse suivante :
http://www.residence-lapinede.com/locat ... amping.php par exemple.

Mon souhait serait d'avoir mon sous menu et donc les sous-titres apparant lorsque je clique sur le lien supérieur dans le menu principal. Or, aujourd'hui, lorsqu'on clique sur le titre du menu le sous-titre ne reste pas.

Voici mon code javascript :

window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}

Mon code html :

<dl>			
		<dt onmouseover="montre('smenu2');" id="navactualite"><a href="actualite-camping.php" title="Actualité du camping">Actualit&eacute;</a></dt>
			<dd id="smenu2">
				<ul id="ss-menu">					
					<li><a href="actualite-camping.php#alaune" title="Actualité à la une">A la une</a></li>
					<li><a href="actualite-camping.php#news" title="Actualité du camping">L'actualité du camping</a></li>
					<li><a href="../forums/index.php?c=7&sid=552010fb86be27d8a3f953153ab34364" title="Témoignages de propriétaires et visiteurs">Témoignages</a></li>
					<li><a href="revue-presse.php" title="Revue de presse du camping">Revue de presse</a></li>
					<li><a href="archives.php" title="Archives de l'actualité du camping">Archives</a></li>
				</ul>
			</dd>
	</dl>

Mon code css :

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 0px 0 0;
padding: 0 2px 0 2px;
}

#ss-menu{
background: #041A4B;
}

#menu {
	position : absolute;
	left: 0px;
	top: 134px;
	width: 800px;
	height: 22px;
	background-color:#d04051;
	border-bottom: 1px solid #FFA900;
}

#menu dl {
float: left;
display:block;
margin-left:8px;
}

#menu li {
display: inline;
color: #FFA900;
background:#041A4B;
}
#menu li a{
display: inline;
color: #FFA900;
background:#041A4B;
background:url(../img/dotssmenu.gif) no-repeat;
padding:0px 5px 0px 12px;
}
#menu li a:hover{
display: inline;
color: #FFA900;
background: #041A4B;
background:url(../img/sqssmenu.gif) no-repeat;
padding:0px 5px 0px 12px;
}
#menu a {
text-decoration:none;
color: #FFA900;
background: #d04051;
}
#menu a:hover{
text-decoration: none;
color: #041A4B;
background: #d04051;
}

#mainactualite #navactualite a, #mainpinede #navpinede a, #mainregion #navregion a,
#mainmobilhome #navmobilhome a, #mainconditions #navconditions a, #mainmultimedia #navmultimedia a,
#mainforum #navforum a, #maincontact #navcontact a{
text-decoration: none;
border-right: 1px dotted #FFA900;
color:#041A4B;
font-weight: bold;
}

#navvente a{
background: #041A4B;
display:block;
padding: 0px 3px 0px 3px;
margin:0;
}

#smenu1, #smenu2, #smenu3, #smenu4 ,#smenu5 ,#smenu6 ,#smenu7 ,#smenu8 ,#smenu9 ,#smenu10 {
	position: absolute;
	display:block;
    padding: 0px 0px 0 0px;
	left: 0px;
	right: 0px;
	font-size: 0.7em;
	width: 800px;
	background-color:#041A4B;
	top: 23px;
}

Merci pour votre aide.

Benjamin.

 

[PINEDE]

Personne ???