jQuery Анимация не останавливается

Question

Я пробовал все, что мог найти. В основном, этот jQuery предназначен для навигации, когда вы наводите курсор на элемент, изображение исчезает и исчезает. Как заставить первую анимацию останавливаться, она не позволяет другим анимациям работать. Или то, что было бы лучше, чтобы закодировать эту анимацию

$(document).ready(function(){ 

       $('.navImage').stop().animate({ opacity: 0 }, 400, function(){ }); 


       $('.nav-container li').hover(function(){ 
        var name = $(this).attr("id"); 

        $('img.'+name).stop().animate({ 
         opacity: 'toggle' 
         }, 400); 
       }); 
      }); 

Answer 1

Попробуйте

).stop(true, true).animate(... 

Как вы можете видеть на http://api.jquery.com/stop/ это очистит очереди и перейти к концу этого, мы надеемся, на самом деле остановить анимацию ,