jquery - jQuery mouseenter を 2 回目に入力してから、これを実行します

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

});