Javascript 动画切换列

我有一个HTML页面，其中包含一个表，其中有三列显示：无，可见性：隐藏。单击相邻列中的单元格时，属性将分别更改为“表格单元格”和“可见”，显示三列。再次单击所述相邻列的单元格，将值重置为“无”和“隐藏”

唯一的问题是，当然，这并不令人愉快。我想包括一个动画，这样我就可以看到其他列收缩，以便让隐藏的列在中间滑动，动画当我可以做相反的事情。

---

我应该用什么？我之所以寻求帮助，是因为我对网页设计还比较陌生，不知道在哪里可以找到指导。

当我发布完问题后，我的一位朋友向我介绍了使用JQuery提供的fadeToggle功能。这正是我想要的。

表格本身没有动画。也许这个选择适合你。谷歌翻译

$'.show'。单击，函数{ $'.table'.find'.td'.eachfunction{ 如果$this.css'display'='none'{ $this.show.addClass'animate'； } }; }; .桌子{ 显示器：flex； 弯曲方向：立柱； } .td{ 边框：1px实心999； 边界塌陷：塌陷； } .tr{ 显示器：flex； } .td{ 填充：10px； } .td:nth-of-type2{ 显示：无； } *{ 过渡：所有0.3秒缓解； } 钮扣{ 边缘顶部：20px； } .制作动画{ 动画：显示1s轻松前进； } @关键帧显示{ 从{ 转化：translateX-100%； 显示：块； } 到{ 转化：translateX0%； } } 1. 2. 3. 1. 2. 3. 1. 2. 3.

---

显示您可以使用jQuery切换。。这是一个示例，还有一个滑动切换功能，它提供了另一个动画，请尝试一下；