Mousehover en jquery...

Bonjour,
J'utilise le code ci-dessous:

$('.element').hover(function () {
$(this).children("ul").css("display", "block");
}, function () {
$(this).children("ul").css("display", "none");
});

Ce que je cherche a faire c'est ne pas executer la fonction "display:none" directement quand la souris sors du "hover" mais plutot attentre 2 seconde ... Et si entre temps la souris est repassée sur la classe "element", il faudrait pas executer la fonction "display:none;"

Désolé si je m'exprime mal mais c'est pas simple a expliquer ... Merci de votre aide

Bonjour,

Déjà tu serais mieux avec les event mouseleave et mouseneter.

Ensuite pour ton 2 secondes tu peux utiliser un timeout.

Et pour le l'arrêt du script j'en ai aucune idée, mais tu peux toujours faire un trick avec un boolean.

Bonne chance.