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/, это очистит очередь и перейдет к ее концу, возможно, фактически остановив анимацию.