Есть ссылка с id="stats_links"
Есть невидимый div с id="stats"
Они соприкасаються
Есть такой код jQuery (версия 1.2.1):
$(document).ready(function() {
$("#stats_link").hover(function() {
$("#stats").show();
}, function() {
$("#stats").hide();
});
$("#stats").mouseover(function() {
$(this).show();
});
$("#stats").mouseout(function() {
$(this).hide();
});
});


Делаю div видимым и если перевести на него со ссылки курсор то он остается видимым, но если применить какой нибудь эффект появления SlideIn, FadeIn и т.д., то после первода курсора сначала отрабатывает обратный эффект изчезновения, а соответсвенно mouseover уже не успевает отработать.
Думал может что то надо указать в опциональном параметре callback этих эффектов, но все попытки оказыались безрезультатны.
Думаю что с такой проблемой многие сталкивались, но я только начал изучать этот фреймворк, но как всегда сроки.
Заранее спасибо за помощь.
Проблемку можно видеть тут в левом нижнем углу

попробовал сделать так:
автор$(document).ready(function() {
$("#stats_link").hover(function() {
$("#stats").fadeIn("slow");
}, function() {
$("#stats").mouseout(function() {
$(this).fadeOut("slow");
});
});
});
Мало того что изчезает только после увода с дива (#stats),хотя надо и при уводе со ссылки (#stats_link) , что вообщем то и естественно, но еще див изчезает при наведнии на картинки в этом диве, это совсем неправильно на мой взгляд.

Неужели никто не сталкивался с такой проблемкой :( ?