jquery animate fonksiyonu hakkında

meraba arkadaşlar

EDIT:mouseover ve mouseout yerine mouseenter ve mouseleave fonksiyonlarını kullanarak çözdüm

http://www.mykindofphone.com/# bu sitedeki gibi resmin üstüne gelince resim biraz alta kaysın ve açıklaması üste görünsün istiyorum.kendim bir fonksiyon yazdım ve kullanıyorum .resmin üstüne gelince resim alta kayıp açıklama gözüküyor ama imleci divin uzerinden ayırmadan hareket ettirsem bile birkaç defa gel git yapıyor neden olur bu ?
benim yazdığım örnek burda

animatenin başında stop() kullanın.

daha önceden yazmış olduğunuz şu kodları tamamen silip,

<script>
  function mtop(x,k){
  var q=(k=="out")?"-250px":"0px";
   $(x).animate({"marginTop":q},400);
  }

$(document).ready(function(){
$(".kapsa").mouseover(function(){mtop(".ic","over")});
$(".kapsa").mouseout(function(){mtop(".ic","out")});
});
</script>

...yerine aşağıdakileri ekleyiniz.

<script type="text/javascript">
  
$(function(){ 
$(".kapsa").hover(function(){
$(".ic").stop().animate({marginTop:0});
}, function(){
$(".ic").stop().animate({marginTop:-250});
});
});

</script>