Jquery缩小图像

Question

请考虑以下代码：

$(function() {
 $('a').hover(function(e) {
        $("#large").stop().css('display','none').slideDown(1000);
    }, function(){
        $("#large").stop(false,true).slideUp(1000);
     });

 });

当锚点悬停时，img会根据代码向下滑动，但如果发生mouseleave事件，img会立即向上滑动，但在此之后再次悬停在锚点上时，img的大小正在缩小。为什么会发生这种情况？我怎么能得到摆脱它。

这是css部分：

img#large{
  padding: .5em;
  background: #e3e3e3;
  border: 5px solid #BFBFBF;
  }
a{
 position:absolute;
 top:500px;
 left:10px;
 }