Javascript 动画交叉淡入淡出表格单元格/行？

我想知道是否有一种方法可以淡出表中的行或单元格，同时也淡出替换内容，而不必创建几乎重复的表或表内的表等

这是我尝试进行的表更改类型的一个示例：

document.querySelector（'table'）。addEventListener（'click'，function（）{
this.querySelector（'#row1'）.classList.toggle（'hidden'））
this.querySelector（'#row2'）.classList.toggle（'hidden'））
})

。隐藏{
显示：无；
}

交换行
你好
那里
这是一个例子
例
单击表格。

淡入淡出动画在表格中不起作用。 您已经使用了create表中的div。 比如说

<div class=table>
  <div class=row>
    <div class=col></div>
    <div class=col></div>
  </div>
</div>

$('.col').click(function() {this.fadeOut(); }) ;

$（'.col'）。单击（函数（）{this.fadeOut（）；}）；

相关问题是否需要将其作为表元素？因为你不能在表格单元格上重叠内容，但你可以在CSS网格上重叠内容，而且它还有列、行和单元格的概念。我可能不需要是表格，但我试着看看这是否可行。我正在开发一个日历应用程序（），而一个表显然是一条可行的途径。我从未使用过CSS网格，也不熟悉它们。我会给他们看一看的。