Afficher Renv cependant Hover

Question

je le JavaScript (avec jQuery)

$(function() { 

    $(".btnDesc").click(function() { 
    $("#desc").slideToggle("slow"); 
    $(this).toggleClass("active"); 
    }); 

suivant Quand je change .click(function()-.hover(function(), comme prévu, planant au-dessus du lien avec class="btnDesc" montre la div au lieu de cliquer, je aimerait le faire apparaître lorsque vous arrêtez de survoler le lien, le div reste jusqu'à ce que vous cliquez sur un bouton de masquage. Avec ça comme je l'ai, une fois que vous arrêtez de survoler le lien, la div glisse vers le haut.

Answer 1

Vous devez utiliser mouseover au lieu de hover, qui capture l'événement de la souris se déplaçant sur le lien, mais ne lie pas lorsque la souris quitte le lien.

Answer 2

La fonction de survol de jquery nécessite deux fonctions: les fonctions de survol et de sortie de souris ... p. Ex.

$(".btnDesc").hover(
     function() { 
      // code to run when mouse hovers in 
      $("#desc").show("slow"); 
      $(this).toggleClass("active"); 
     }, 
     function() { 
      // code to run when mouse hovers out 
      $("#desc").hide("slow"); 
      $(this).toggleClass("active"); 
     } 
    ); 

Cela affichera votre élément desc lorsque vous passez la souris dessus, et le cachera lorsque vous le survolez. La documentation de jquery sur cette fonction est également très bonne si vous êtes bloqué.