Mousehover en jquery...

Messages postés
362
Date d'inscription
mardi 18 décembre 2001
Statut
Membre
Dernière intervention
24 août 2012
- - Dernière réponse : galled
Messages postés
41
Date d'inscription
vendredi 30 octobre 2009
Statut
Membre
Dernière intervention
13 décembre 2012
- 22 nov. 2011 à 15:07
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
Afficher la suite 

1 réponse

Messages postés
41
Date d'inscription
vendredi 30 octobre 2009
Statut
Membre
Dernière intervention
13 décembre 2012
0
Merci
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.
Commenter la réponse de galled