Javascript jQuery：平滑调整表格单元格大小以替换文本

我有一个没有固定宽度列的表（这样就可以了）。长文本目前打印两次：前50个字母和隐藏字段中的完整文本

大概是这样的：

单击短版本时，当文本淡出后，colwidth（和height）减小，然后增大到全尺寸。反之亦然

有什么技巧可以“平滑”调整单元格的大小到新的大小吗？有没有可能同时切换两个文本？使用div和

位置：绝对

可能吗

---

也许这很简单，但我被卡住了。

您不能将CSS转换应用于TR或TD元素

但是，您可以将TD元素的内容包装在div中，并将动画/变换应用于div。TDs应该为比例/宽度/任何与div内的div一起设置动画

<tr>
  <td><div>Your Content</div></td>
  <td><div>Your Content</div></td>
</tr>

你的内容
你的内容

您不能将CSS转换应用于TR或TD元素

但是，您可以将TD元素的内容包装在div中，并将动画/变换应用于div。TDs应该为比例/宽度/任何与div内的div一起设置动画

<tr>
  <td><div>Your Content</div></td>
  <td><div>Your Content</div></td>
</tr>

你的内容
你的内容

如果同时设置两个跨度的动画，效果会稍微“平滑”：如果同时设置两个跨度的动画，效果会稍微“平滑”：但效果是一样的：在那一刻，当第二个div/span可见时，单元格会自动展开。我需要这样的东西：1。获取可见和隐藏span/div 2的大小。计算差值3。缩放单元格（或一个包装分区）4。更改/替换文本，使单元格始终等于列中最宽文本的宽度加上单元格填充。将div的宽度从0设置为最宽元素的宽度应该可行。换句话说，您必须知道每列中最宽单元格的宽度，然后为该列中的所有div设置动画，使其宽度等于每列的宽度。但效果是一样的：当第二个div/span可见时，单元格会自动展开。我需要这样的东西：1。获取可见和隐藏span/div 2的大小。计算差值3。缩放单元格（或一个包装分区）4。更改/替换文本，使单元格始终等于列中最宽文本的宽度加上单元格填充。将div的宽度从0设置为最宽元素的宽度应该可行。换句话说，您必须知道每列中最宽单元格的宽度，然后为该列中的所有div设置动画，使其宽度等于每列的宽度。