jquery - jQuery mouseenter 第二次然后执行此操作

Question

这是我的代码：http: //jsfiddle.net/sZKeM/1/

所以基本上它在我悬停按钮时显示框，当我从框中悬停时它会隐藏。当我再次悬停按钮时，我想隐藏框，如果再次悬停，它将再次显示框。

$('.btn').mouseenter(function(){
   $('.box').css('display','block');
});

$('.box').mouseenter(function(){
   $('.box').css('display','block');
});

$('.box').mouseleave(function(){
   $('.box').css('display','none');
});

Answer 1

很难从您的问题和评论中准确理解您想要什么。这是您正在寻找的行为：

http://jsfiddle.net/nSfrK/

Answer 2

使用 jQuery切换

jQuery(".btn").on('mouseover', function (e) {
    jQuery('.btn').toggle();
});

Answer 3

$('.btn').mouseenter(function(){
   var visible = $('.box').css('display') == "block"
       $('.box').css('display',visible ? '' : 'block');

});