Имеется код:
<div id="largeImageCont"><img id="largeImage" src="" /></div>
<div id="imageDescr"><span>Описание фотографии</span></div>
И обработчик события:
$("#largeImage").hover(function(){ // показ описания
$("#imageDescr").animate({left: "10%"}, "fast");
}
, function(){ // callback
$("#imageDescr").animate({left: "100%"}, "fast");
});
Смысл: при наведении на картинку вылетает описание, а если курсор увести — исчезает.
Проблема в том, что если описание вылетает под курсор, то тут же срабатывает Callback и описание исчезает. А затем событие срабатывает снова и процесс повторяется бесконечно, пока не сдвинется курсор.
Как избавиться от подобного эффекта?