Discussion :

[dreadstock]

Bonjour à tous,
J'ai créé un petit js pour donner quelques effets à mon menu, cependant je n'arrive pas à un résultat tip top.

Voici le site : http://www.arch-fs.fr/beta/

Prb : quand on va d'un menu à l'autre, il arrive que deux menus soit ouvert en même temps. Si je fais trop de mouvements de souris, le menu arrete pas de s'ouvrir et se fermer. Di coup, c'est un peu balo !! et j'ai du mal à optimiser mieux que ca.

Merci pour votre aide.

Voici le JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function () {
 
$("[id^='menu-item-']").children("ul.sub-menu").hide();
 
 $("[id^='menu-item-']").hover(
	function(){
		$("ul.sub-menu", this).toggle("slow");
	},
	function(){
		$("ul.sub-menu", this).stop(true, true).delay(2000).toggle("slow");
	}
);
 
 
});

[danielhagnoul]

Bonsoir

jQuery 1.9.0 et plus
sinon remplacer .clearQueue().stop() par .stop( true, false )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
$("[id^='menu-item-'] > ul.sub-menu").hide();
 
$("[id^='menu-item-']").hover(
	function(){
		$("ul.sub-menu", this).clearQueue().stop().toggle("slow");
	},
	function(){
		$("ul.sub-menu", this).clearQueue().stop().toggle("slow");
	}
);