Mousehover en jquery...

daniel545454 -  
KX Messages postés 19031 Statut Modérateur -
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

  1. KX Messages postés 19031 Statut Modérateur 3 020
     
    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