jQuery框fadeOut / fade在mouseleave之后闪烁

Question

如何让它在鼠标悬停时淡出并在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