JQuery动画在第一个周期后运行得更快？

Question

好吧我所拥有的是一个带有id的图像的表格行，让我们说“家”。然后在这下面我有一个ID为“homeExpand”的div，所以当我点击图像主页时，它将调整homeExpand div的大小，显示我在那里的链接。这在chrome和firefox中运行良好。它也是第一次我点击它，即浏览器然后在它之后似乎加速动画大约加倍。我可以通过增加持续时间来修复它在Internet Explorer中，但这会降低它在chrome和firefox中的速度......

 $(function() 
{
        $('.rollover').click( function() {

        var selector = '#' + $(this).attr("id") + 'Expand';

        var size = (($( selector + ' > a' ).size())*25);

        if ( $(selector).height() > 0 )
        {
            //$(selector).css( 'height' , size );
             $(selector).animate( {height:0} , 400 , function() {$(this).css( 'visibility' , 'hidden' );} );
        }
        else
        {
                $(selector).css( 'visibility' , 'visible' );
            //$(selector).css( 'height' , '0px' );
            $(selector).animate( {height:size} , {duration: 400 ,easing: 'linear'} );
        }
    });
});