jquery - 不再悬停时如何隐藏div

我正在使用Jquery隐藏显示div。我想显示``.microblogpostwrapper''悬停并隐藏时的div。做了第一件事，但是当没有悬停时无法隐藏它。

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

最佳答案

.hover()处理程序将为mouseenter触发一次，并为mouseleave触发一次。

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

您可以通过将布尔值传递给.toggle()来确保执行正确的切换：

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

另外，您可以将第二个函数传递给hover()，您将在其中使用.hide()。

关于jquery - 不再悬停时如何隐藏div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3591965/