fadeIn /fadeOut en hover

Paul Bression
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

betaWeb
Réponse acceptée

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);
  });
});
AlexJM

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

Paul Bression
Auteur

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.

Paul Bression
Auteur

Merci bien betaWeb je vais essayer ca de suite :)