fadeIn /fadeOut en hover

Par Paul Bression, il y a 10 ans

Javascript

Bonjour,

Je voudrais savoir comment faire disparaitre mon élément une fois que je ne suis plus dessus, j'arrive a le faire apparaitre mais pas a le faire disparaitre ...

Mon code :

$( document ).ready(function() { $(".undermenu").hover(function(){ $(".cafe").fadeIn(500); }) }); </script>```

4 réponses

AlexJM, il y a 10 ans

Bonjour, regarde la documentation de la fonction hover (et plus particulièrement son deuxième paramètre) ainsi que la fonction fadeout

Paul Bression, il y a 10 ans

J'ai regarder mais je ne trouve pas comment faire...
Je voudrais que lorsque je suis sur mon deuxieme élément du menu, mon élément s'affiche et que temps que je suis sur l'élément du menu ou l'élément qui c'est affiché cela reste affiché et que quand je suis sur aucun élément il disparaisse.

betaWeb, il y a 10 ans

Salut,

Comme le dit AlexJM, tout est dans la doc ;)

En gros, la fonction hover() prend 2 fonctions en paramètre, la première pour le mouseenter et la seconde pour le mouseleave (grosso-modo hein) :

$( document ).ready(function() { var $cafe = $(".cafe"); $(".undermenu").hover(function(){ $cafe.fadeIn(500); }, function () { $cafe.fadeOut(500); }); });
Paul Bression, il y a 10 ans

Merci bien betaWeb je vais essayer ca de suite :)