Mousehover en jquery...

Fermé
daniel545454 - 20 nov. 2011 à 10:41
KX Messages postés 16755 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 12 février 2025 - 20 nov. 2011 à 14:55
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 ...

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

1 réponse

KX Messages postés 16755 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 12 février 2025 3 020
20 nov. 2011 à 14:55
Tu peux peut-être essayé avec animate :

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

Discussions similaires