Jquery Hover задерживается

Question

http://wesbos.com/tf/shutterflow/?cat=3

когда один парит над изображением .Накрыть утрачен в. Я использую JQuery, чтобы изменить непрозрачность, потому что CSS не работает в IE для этой цели.

Мой код:

$(document).ready(function() { 
    $('.slide').hover(function() { 
     $(".cover").animate({ 
      opacity: 0.7 
     }, 300).fadeIn('300'); 
    }, function() { 
     $(".cover").animate({ 
      opacity: 0 
     }, 300).fadeOut('300'); 



    }); 
}); 

Я хочу увядает, чтобы быть мгновенным, а не ждать 1 секунду. Есть идеи?

Answer 1

У вас есть две разные анимации, происходящие последовательно: во-первых, .animate({ opacity: 0.7 }, 300) и второй .fadeIn(300). Поскольку это конкурирующие эффекты, это, вероятно, ничего не помогает, чтобы они оба работали.

Если .fadeIn() будет делать то, что вы хотите, попробуйте просто с помощью этого:

$(document).ready(function() { 
    $('.slide').hover(
     function() { $(".cover").fadeIn('300'); }, 
     function() { $(".cover").fadeOut('300'); } 
    ); 
});