Javascript 在展开/折叠表jQuery上隐藏除第一列以外的列

我有一个带有一个标题和列的表，我正在根据标题按以下代码展开/折叠：

$(this).toggleClass('expand').nextUntil('tr.header').slideToggle(100);

我的表格如下：

我需要的是。当我单击first时，它应该折叠并仅显示第一列，这意味着包含data1的列其他列应该隐藏，如下所示：

它应该显示+按钮，当我再次单击时，它应该返回到以前的状态

请注意小提琴：

使用：

要排除第一个

td

。

---

如果有多行，请使用此选项：

演示

$（'.header'）。单击（函数（）{
$（this）.toggleClass（'expand'）.nextAll（'tr'）.find（'td'）.not（'td:first child'）.slideToggle（100）；
});
表格，
tr，
运输署，
th{
边框：1px纯黑；
边界塌陷：塌陷；
}
标题{
光标：指针；
}
.标题.签名：之后{
内容：“+”；
显示：内联块；
}
.header.expand.sign:之后{
内容：“-”；
}

标题
数据1
数据2
数据3
数据4
数据1
数据2
数据3
数据4
@user1365067没问题，如果您有多行，我会添加一行替代行。我有答案。删除它。你的更好；）
$(this).toggleClass('expand').next('tr').find('td').not('td:first')

$(this).toggleClass('expand').nextAll('tr').find('td').not('td:first-child').slideToggle(100);