在行之间嵌套表

Question

所以，我已经得到了概念的证明，但我觉得我是以非常全面的方式进行的。有没有更简单的方法来完成我对折叠表的处理？

Here's a JSFiddle using my code.

现在，我正在将每一行作为一个单独的表，将表放在我的行之间。像这样。

<table>
  <tr>
    <th>Col 1</td>
    <th>Col 2</td>
  </tr>
</table>
<table>
  <tr>
    <td><a href="#collapse-div-1">Cell 1</a></td>
    <td>Cell 2</td>
  </tr>
</table>
<div id="collapse-div-1">
  <table>...</table>
</div>
<table>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>