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 toggle

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');

});