18073 sujets

Questions générales et questions de débutants

[résolu] Menu dépliant : cacher le sous-menu au clic sur le parent

Bonjour,
Tout est dans mon titre un peu long ^^
J'utilise ce super menu :
http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal
il marche tres bien, mais j'aimerais que lorsqu'on clique sur un item deja déroulé, il se renroule. Actuellement, il faut cliquer sur un autre item pour le dérouler et donc renrouler le précédent.

lol ! j'ai l'impression de pas être très clair ^^ Quelqu'un peux m'aider ?
Modifié par Toutankharton (28 Sep 2005 - 16:46)
voila :
toutankharton.com/az/

Concretement, si on clique sur "Les Symboles en Egypte", ça affiche les sous menu, mais si on reclique sur "Les Symboles en Egypte" ça ne fais rien. Par contre si on clique sur "Les Dieux égyptiens" ça le renroule. Comment faire pour renrouler en cliquant sur "symboles" ?

Probleme 2 qui vient d'apparaitre :
J'ai du rajouter un return false; sur les titre, car je ne veux pas que le lien marche si javascript est activé. par contre sur les liens des sous menus, le lien ne marche pas, or là je veux qu'il marche ! Comment faire ?

Merci beaucoup d'avance !!
J'ai finalement trouvé, donc si ça peux servir à quelqu'un :

dans head :
<script type="text/javascript">
<!--
window.onload = montre;
var opened = false;
function montre(id) {
   for (var i = 1; i<=10; i++) {
      if (document.getElementById('smenu'+i)) {
         document.getElementById('smenu'+i).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';
      }
   }
}
//-->
</script>


dans body

<li><a href="" onclick="javascript:montre('smenu1');return false;">Item</a>   	
<ul id="smenu1">
		<li><a href="">A -> C</a></li>
		<li><a href="">D -> G</a></li>
		<li><a href="">H -> K</a></li>
		<li><a href="">L -> Q</a></li>
		<li><a href="">P -> R</a></li>
		<li><a href="">S -> U</a></li>
		<li><a href="">V -> Z</a></li>
	</ul>
	</li>
Sujet clos
Aller à