jQuery box fadeout/fadeIn在mouseleave之後閃爍

Question

如何讓它在mouseover上淡出並在mouseleave上再次淡出？ My jsFiddle

$(function() { 
var box = $('#box'); 

box.on('mouseover', function() { 
    box.fadeOut(500); 
}); 
box.on('mouseleave', function() { 
    box.fadeIn(500); 
}); 
}); 

Answer 1

$(function() { 
    $('#box').on('mouseenter mouseleave', function() { 
     $(this).stop().fadeToggle(); 
    }); 
}); 

FIDDLE

Answer 2

試試這個：

$(function() { 
    var box = $('#box'); 
    box.hover(function() { 
     $(this).fadeOut(500); 

    }, function() { 
     $(this).stop().fadeIn(500); 

    }); 
}); 

看到這個fiddle