表格的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/