JQUERY fadeIn и fadeOut ПРОБЛЕМА

[RomanVasin]

Доброго времени!
Господа специалисты, помогите начинающему.
Есть div, в нем картинка display:none, при onmouseover на div должно срабатывать fadeIn картинки, при mouseout - соответственно fadeOut картинки. Вроде всё работает, вот только картинка появляется ДВА РАЗА!!! Сломал голову уже, не подскажете почему так происходит?

Код:
<div id="up"><img src="nav_up.jpg"></div>

<script type="text/javascript">
$("#up").mouseover(function(){ $("#up>img").fadeIn(300);}).mouseout(function(){ $("#up>img").fadeOut(300);})
</script>

И еще вопрос. Нельзя ли как-нибудь очистить буфер при многократном наведении, а то мышой поводишь раз 10, потом минут 5 смотришь иллюминацию... Короче, лох я... А так хочется наоборот!

[micscr]

... Короче, лох я...

мог и не говорить - по аватарке что ли не видно ...

[RomanVasin]

micscr, спасибо, блин, за дельный совет и пространные объяснения! Твоя помощь неоценима!

[micscr]

micscr, спасибо, блин, за дельный совет и пространные объяснения! Твоя помощь неоценима!

всегда пожалуйста.

1) mouseenter/mouseleave вместо mouseover/mouseout

2) не запускай новую анимацию пока старая не закончилась (селектор :animated в помощь)

[RomanVasin]

Вот спасибо! Век живи - век учись (это я о себе)!

[subzey]

$("#up").hover(function(){
$("#up>img").stop().fadeIn(300);
}, function(){
$("#up>img").stop().fadeOut(300);
});

[RomanVasin]

subzey, спасибо большое! Я о такой функции и не подозревал даже. Короче, полез я в описание jQuery...