[JQuery] Menu déroulant

Bonjour,

Je suis actuellement en train de refaire mon site et je bloque au niveau du menu déroulant avec JQuery. J'avais déjà réussi pour une autre présentation mais celle-ci ne semble pas fonctionner. Pourriez-vous m'aider svp ?

index.php :
<div class="BarreDeMenu">
	<div id="Liens">
		<a href="" title="Accueil" id="MenuAccueil"></a>
	</div>
	<div id="Liens">
		<a href="" title="Infos Pratiques" id="MenuInfos"></a>
	</div>
</div>

<div class="BarreDeSousMenu">
	<div class="BarreDeSousMenuInfos">
		<div id="Liens">
			<a href="" title="Infos Pratiques" id="MenuSousInfos"></a>
		</div>
	</div>
</div>


ascenseur.js :
jQuery().ready(function() {
	
	$(".BarreDeSousMenu").hide();
	
	$("#MenuInfos").click(function() {
		if (".BarreDeSousMenuInfos:visible".length != 0) {
			$(".BarreDeSousMenu").slideUp("normal");
		}
		else {
			$(".BarreDeSousMenu").slideDown("normal");
		}
	});
	
});


Merci beaucoup !
Configuration: Windows Vista Internet Explorer 7.0

2 réponses

  1. faut-il toujours utiliser des ul et des li pour que ça marche ? ya aucun autre exemple sur le net
    1. Bonsoir,

      Je reviens parce que toujours bloqué et pas de réponse... ^^

      J'ai essayé avec la fonction toggle(). Toujours sans succès... Je ne comprends pas.
      Quand je clique, le sous-menu s'affiche mais disparaît dans la seconde, comme s'il revenait dans l'état initial... Je ne comprends pas.

      Est-ce que quelqu'un aurait un petit truc pour que ça marche ?