jQuery Animation not stopping
I tried everything I could find. Basically this jQuery is for a nav, when you hover over an item a picture fades in and out. How do i get the first animation to stop, it doesn't let the other animations work. Or what would be a better way to code this animation

    $(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 );	
					});	
				});
jQuery Animation not stopping
===

I tried everything I could find. Basically this jQuery is for a nav, when you hover over an item a picture fades in and out. How do i get the first animation to stop, it doesn't let the other animations work. Or what would be a better way to code this animation

    $(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 );	
					});	
				});