Sous menu en Jquery

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:

---

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"); } );     });

---

Bonsoir

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

Code:

---

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"); } );

---