javascript - jQuery 框 fadeOut/fadeIn 在 mouseleave 后闪烁

Question

如何使其在鼠标悬停时淡出并在鼠标离开时再次淡入？ 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