[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 !