Javascript 如何在html表中正确隐藏元素

我想在默认情况下隐藏行

2

，单击tables，它就会显示出来

当我尝试下面这样的工作时，第2行

2

落后了。但是桌子的形状扭曲了

我想按DEAFULT对齐表和第2行后面的

2

我怎样才能修好它

为什么这张桌子变形了

谢谢

$（函数（）{
$（“表”）。单击（函数（）{
$（“表tr:eq（1）”）.toggleClass（'show'）；
});
});
td{
填充物：5px；
边框：纯黑1px；}
桌子{
边界塌陷：塌陷；
边框：纯黑1px；
游标：指针}
tr:n第n个子（2）：非（[类]）{
显示：无；
}

标题
1.
2.
3.
4.
5.
标题
1.
2.
3.
4.
5.
如果您想切换行，我建议您使用“隐藏”而不是“显示”的概念

另外，去掉第二行标题。如果您跨越两行，不确定为什么需要它


$（（）=>{
$（“表”）。单击（函数（e）{
$（this.find（'tr:eq（1））.toggleClass（'hide'）；
});
});
表，th，td{
边框：纯黑1px；
}
桌子{
边界塌陷：塌陷；
}
th，td{
填充：0.25em；
}
th{
光标：指针
}
.隐藏{
显示：无；
}

标题
01
02
03
04
05
06
07
08
09
10
因为您给标题的行跨度为2…@MARSHMALLOW-（0）不，它不是（甚至不接近）和（1）完全无关。