Question

我试图动画表格的宽度，以便内容得到关闭＆＃34;和＆＃34;打开＆＃34;。所以我操纵左右差距：

   $(".gaps").animate({width:"35%"},'slow', function(){      
     $(".gaps").animate({width: "10%"},'slow');
     $("#content").fadeIn();
   });

但不知何故，它没有动画线性。前10％到35％的工作正常，但是在10％动画开始时宽度跳到100以上，所以内容正在跳跃。我尝试了一些像＆＃34; width：＆＃34; - = 25％＆＃34;＆＃34;，但即使这样也没有用。我还有其他一些问题，难道我不明白这一点吗？

谢谢！

Answer 1

要完成此操作，我将添加评论中的答案：

很抱歉，但是在制作动画大小时，表格表现不佳。根据你想要做的事情，你可能想把你的表包装成div：内部的一个有静态大小，外面的一个宽度溢出：隐藏，然后尝试动画外面的那个。

<div style="overflow:hidden; background:red;" class="animateMe">
    <div style="width:300px;">
       <table>...</table>
    </div>
</div>