[JQUERY] Menu déroulant problème

Bonjour,

J'aimerai faire un menu déroulant, ayant exactement le même system que lorsque qu'on clique sur un menu "fichier" dans une fenêtre d'application.

Voici le liens de ce que j'ai fait : http://ggouhier.dyndns.org/probleme

Le problème et lors de la disparition de la balise <ul>

Dés que je vais en dessous du 1er <li> nommé "En ligne", le menu disparait... Moi je souhaite qu'il disparaisse que lorsque qu'on quitte le <ul> mais pas avant ...


Voici mon code jquery :

$(document).ready(function() {
	
	$(".status ul").fadeOut(0);
	
	$("a.derouler").mouseover(function() {
		$(".status ul").slideToggle("normal");
	});
	
	$("a.derouler").mouseout(function() {
		$(".status ul").mouseout(function(){ 			
			$(this).fadeOut("normal");
		});
	});
});

Avez-vous une idée de ce qui ne va pas ?
Modifié par ggouhier (08 May 2010 - 19:36)

Bonjour,

Le lien vers ton site ne fonctionne pas (peut-être as-tu éteint ton pc ? )
Dans ce cas, difficile de t'aider à l'aveugle... Peut-être pourrais-tu nous donner un peu plus de code ?

Salut,

Ton problème est dû à une mauvaise gestion des événements.

Aussi, pour le résoudre, je te conseille, non seulement, la lecture de cet article :
http://www.alsacreations.com/article/lire/578-La-gestion-des-evenements-en-JavaScript.html

... mais aussi de te renseigner sur les événements mouseenter et mouseleave, que jQuery rend cross-browsers.