jQuery-带<；td>；元素太粗糙了

好的，如果你去这里：

你将看到我迄今为止在这方面所做的工作。我在这里遇到的问题是，当单击时，每个框顶部的

标志没有提供

元素的平滑动画。我有一个

框中所有内容的
设置，但我希望能在这里找到一些有用的东西。基本上，我需要所有元素正确对齐，就像添加新的colspan时一样。顺便说一句，我还没有编写减少colspan的代码。我只是想把我的脑袋绕到制作colspan动画上

如果您在这方面有任何帮助，我们将不胜感激，因为当您单击
箭头时，框的动画甚至不接近平滑，我想知道如何才能使其变得漂亮和平滑

感谢并为CSS中的所有额外代码感到抱歉，但我需要花费数小时来浏览所有代码并筛选出本示例的相关规则，因为这只是一个更大软件的一部分。
我想这就是您想要的：

您在单元格上设置了“width”属性，但这并没有真正意义，因为单元格的宽度已经由表和colspan的组合决定

我还简化了jQuery--您不必对jQuery集中的“每个”元素执行单独的操作，只需在集合本身上执行操作，jQuery将处理其余部分。
我不确定您要做什么。我只想在框上方的
文本上单击添加
colspan
时，jQuery为
元素设置动画。当单击
>
角色时，它们对齐得很好，但问题是，它们不会设置动画，或者如果设置了动画，则不会很明显。需要那个部分的帮助…或者至少让它看起来像有一个动画在这里进行。也许使用
时，单击将
colspan
添加到
元素时会出现动画。