Исправление эффекта наведения

Question

Я использую эффект зависания на моем веб-сайте с портфолио, который действует смешно, когда вы переключаетесь между ящиками. Есть идеи, как это исправить?

my site

<script> 
    jQuery(document).ready(function(e) { 
     jQuery(".website a").hover(function() { 
      jQuery(".website a").not(this).animate({ opacity: 0.4}); 
     }, function() { 
      jQuery(".website a").animate({opacity: 1}); 
     }); 

    }); 

</script> 

Answer 1

Похоже, применяя метод .stop() JQuery в делает трюк. Ниже stop(true, true) метод вызов сделан перед тем, как позвонить animate способ. Таким образом, текущие анимации прекращаются до создания новых анимаций.

jQuery(document).ready(function (e) { 
    jQuery(".website a").hover(function() { 
     jQuery(".website a").not(this).stop(true, true).animate({ 
      opacity: 0.4 
     }); 
    }, function() { 
     jQuery(".website a").stop(true, true).animate({ 
      opacity: 1 
     }); 
    }); 

}); 

Первый true параметр в вызове метода stop(true, true) является логическое значение, указывающее, следует ли удалить анимацию в очереди, а также. Второй параметр - Логическое значение, указывающее, нужно ли немедленно завершить текущую анимацию. Оба по умолчанию имеют значение false.

Fiddle