Comment puis-je cacher une div quand je ne suis plus en train de planer

Question

J'utilise Jquery pour masquer un div. Je veux montrer le div quand '.microblogpostwrapper' est plané et caché quand il n'est pas plané. Le premier bit est fait mais ne peut pas le cacher quand il n'est pas plané.

$(".microblogpostwrapper").hover(function(){ 
      $(this).find(".microblogpostactions").show(); 
           }); 

Answer 1

Le gestionnaire .hover() se déclenche une fois pour mouseenter et une fois pour mouseleave.

$(".microblogpostwrapper").hover(function(){ 
    $(this).find(".microblogpostactions").toggle(); // Toggle the show/hide 
}); 

Vous pouvez assurer la bonne bascule est réalisée en passant une valeur booléenne à .toggle():

$(".microblogpostwrapper").hover(function(e){ 
    $(this).find(".microblogpostactions").toggle(e.type == 'mouseenter'); 
}); 

Sinon, vous pouvez passer une deuxième fonction à hover() où vous utiliseriez .hide().

Answer 2

jQuery de .hover()binds two handlers, un pour 'in' et une autre pour 'sortir'. Ce qui suit devrait obtenir ce que vous voulez (bien qu'il puisse être utile assigner l'élément que vous manipulez à une variable pour une légère amélioration de la vitesse):

$(".microblogpostwrapper").hover(
    function(){ 
     $(this).find(".microblogpostactions").show(); 
    }, 
    function(){ 
     $(this).find(".microblogpostactions").hide() 
    } 
); 

Answer 3

u peut utiliser mouseenter/mouseleave pour arrêter bouillonnant (re-appeler vol stationnaire pendant le déplacement de la souris) :::

$(".microblogpostwrapper").mouseenter(function() { 
    $(this).find(".microblogpostactions").show(); 
}).mouseleave(function() { 
    $(this).find(".microblogpostactions").hide(); 
});​