"Защита от дурака" при многократном наведении курсора мыши на картинку

[Trish]

Добрый день! Есть проблема: в большом контейнере(<div id="preview">) при наведении курсора мыши на определенную область, заданную координатами, плавно появляется другой контейнер-картинка (div id="expand"). Если курсор мыши убрать из этой области, контейнер "expand" плавно исчезает. Но если подвигать мышкой по этой области много раз - контейнер "expand" начинает столько же раз мигать. Как этого избежать?
Вот код:

$('#preview').live('mousemove',function(e){
       var x1 = 80; var x2 = 200; var y1 = 80; var y2 = 1000;
        if(((e.pageX>x1)&&(e.pageX<x2))&&((e.pageY>y1)&&(e.pageY<y2))){
            $('#expand').fadeIn(500);  		
        } else $('#expand').fadeOut(500);

[bret]

Попробуйте .stop()

[Trish]

Пробовала .stop(), но тогда эффект fadein/fadeout не работают...

[sysya]

Пробовала .stop(), но тогда эффект fadein/fadeout не работают...

тогда можно свой эфект fadein/fadeout сделать с помощью метода animate... так косяков не будет с анимацией

вот так у меня сделано, это с новой jquery 1.7 работает:

$('#menu').on({//в ul#menu
	mouseenter: function(){
		apanel.stop().css({display:'block', height:menu, top:3}).animate({opacity:1}, 300);//появляется элемент вторичного меню при наведении мыши
	},
	mouseleave: function(){
		apanel.stop().animate({opacity:0}, 250, function(){ $(this).css({display:'none'}); });//исчезает
	}
}, 'li.ap');//события мыши сробатывают конкретно на элементе li.ap

как это работает можно глянуть в меню на главной странице моего сайта

[sysya]

есть ещё вариант, проверять, происходит ли анимация элемента... вот мой пост на эту тему: Как проверить анимируется в данный момент элемент или нет