使用HTML / CSS折叠表行

Question

我有多个表行，有些行的行数为35或3，或者没有。

我想知道一种能够折叠这些行的具体方法。

我正在使用HTML文件并相信我可以使用脚本标记将HTML脚本放在HTML文件中！

$('.header').click(function(){
    $(this).nextUntil('tr.header').slideToggle(1000);
});

这是HTML代码的一个示例（请注意我有大量行具有不同的rowpans）

  <div>
    <tr>
      <th rowspan="3">HEader Name Changes</th>
      <td>example1</td>
    </tr>
    <tr>
      <td>example2</td>
    </tr>
    <tr>
      <td>example3</td>
    </tr>
  </div>

这个JS脚本似乎让我走在正确的轨道上！

例如

 <tr class="header">
   <th>This Changes</th>
    <td>Example1</td>
  </tr>

不起作用