Javascript jquery动画无法正常工作

我正在尝试设置表格宽度的动画，这样内容就会“关闭”和“打开”。所以我操纵左右间隙：

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

但不知何故，它不是线性动画。前10%到35%的效果很好，但在10%动画开始时，宽度会跳到100%以上，因此内容会跳来跳去。我尝试了一些类似“宽度：”-=25%”的方法，但即使这样也不起作用。我还有其他问题吗？我不是看到了显而易见的问题吗

---

谢谢

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

---

很抱歉，但在设置大小动画时，表的表现并不好。根据您尝试执行的操作，您可能希望使用to divs来包装表：内部为静态大小，外部为宽度溢出：隐藏，然后尝试设置外部为动画

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

...

---

我可以设置动画的起始值和结束值吗？对不起，在设置动画大小时，表格的表现不太好。根据您尝试执行的操作，您可能希望使用to divs来包装表：内部为静态大小，外部为宽度溢出：隐藏，然后尝试为外部设置动画。谢谢！有点有效：）：-）-只是因为我已经完成了-这里是JSFIDLE：