jQuery зависает между шоу и скрыть

Question

см. this fiddle показывает #red на наведении курсора на #btn и спрятать его на мышином уходе, просто.

$(function() { 
    $('#btn').hover(function(){ 
     $('#red').stop().show(2000); 
    }, function(){ 
     $('#red').stop().hide(2000); 
    }); 
}) 

но попробуйте Hover, Уходи, и Hover снова менее чем за две секунды, #red замирает где-то посередине.

как последний метод, называемый линией наведения, - show(), почему он не отображается полностью снова?

благодаря

Answer 1

я могу легко воспроизвести проблему, когда я проверить его в Chrome, IE 11 и Firefox. По-видимому, show не работает, когда элемент не полностью скрыт. Добавление hide перед show делает себя хорошо:

$('#btn').hover(function(){ 
    $('#red').stop().hide().show(2000); 
}, function(){ 
    $('#red').stop().hide(2000); 
}); 

Демо: http://jsfiddle.net/Guffa/9k3b2cp1/2/