Глюки Hover и Animate
 

Добрый день. Возник неприятный глюк с кодом:

$('.left-side').hover(
	function(){
		$(this).animate({'width':'144px'},1000)	
	},
	function(){
		$(this).animate({'width':'70px'},1000)	
	})

По идее при наведении мыши блок div должен расширяться, а при убирании курсора возвращать исходные размеры.
Но стоит мне быстро поводить указателем от блока во вне, функция animate начинает отрабатывать то, что ей поручено столько раз, сколько я поводил указателем.
Как пофиксить это?


UPD:Разобрался с помощью проверки на условие равенства width. Но все-равно этот вариант не подходит т.к. глючит глючит.

.stop() гуглите

Я гуглил. Пытался сделать так:

$(this).animate({'width':'144px'},1000).stop();

Но анимация даже не воспроизводится.

Перед анимацией надо вызывать, а не после

По идее так $(this).stop(true).animate({'width':'144px'},1000) ;