Обработчики события hover
 

Имеется код:

<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 и описание исчезает. А затем событие срабатывает снова и процесс повторяется бесконечно, пока не сдвинется курсор.

Как избавиться от подобного эффекта?

Вставить imageDescr внутрь largeImageCont

Да, это будет правильней всего.