表格的jQuery幻灯片动画

Question

我实现了一个可以用滑动动画显示/隐藏表格行或列的内容的函数。

代码的作用：

1. 检索柱（th，td）的所有细胞
2. 裹每个单元的在一个<div class="wrapper" />
3. 内容动画包装div的width与jQuery.animate（）;
4. 完成后，拆开包装单元格内容（删除DIV）

为什么我需要包装DIV的原因是因为jQuery无法对表格单元格幻灯片动画直接 - 看How to Use slideDown (or show) function on a table row?

代码和演示见codepen。我删除了尽可能多的JS代码来展示我的问题。 （？二）（可以忽略HTML和CSS，它们不包含相关信息）

一切完美的行和列，区别在于一个问题：

• 当列被缩小时，当没有足够的空间时，内容最终开始打包。当发生这种情况时，细胞高度突然增加，导致跳跃难看。

• 当单元格内容不需要单元格的整个空间时，该内容的显示动画更快，从而导致难看的输出。

我想才达到的，而不会影响布局的不断变化的宽度。其他列不得受到影响。 任何想法，我可以实现这一点？

Answer 1

，你可以窝的股利与溢出另一个DIV隐藏：

.crop { 
    overflow:hidden; 
    width:100px 
} 
.inner { 
    min-width:300px; 
    width:auto; 
} 

http://jsfiddle.net/mikatalk/7xwLjp2e/