JQuery простого меню опрокидывание (без очереди анимации)

Question

У меня есть простой неупорядоченный список со списком элементами в качестве пункта меню я создал JQuery просто иметь забавный Эффект при наведении указателя существа:

$('#nav ul ul li').hover(function(){ 
$(this).animate({ 
     marginLeft: "20px", 
     }, 300); 
}, function(){ 
$(this).animate({ 
     marginLeft: "0px", 
     }, 300); 
}); 

проблема с этим скриптом, если вы спешите по меню несколько раз, очередь анимации создается. Я пытался использовать .stop() между ними, но затем он также останавливает анимацию из других элементов списка, которые в любом случае должны вернуться в состояние по умолчанию. Есть ли способ остановить() очередь на элемент? но не для всего списка?

Answer 1

Я не понимаю, почему $ (это) .stop() .animate (...) не работает для вас, но вы также можете попробовать этот подход:

$(":not(:animated)", this).animate(...) 

, который будет только запускать анимацию на элементах, которые в настоящее время не анимированы