我在表內有表行，在每行內還有另一個嵌套表行，我的問題是我可以在嵌套表行中折疊和展開，但是當我嘗試在主表中展開時，只有第一行展開當我啟動程序時，其余部分默認展開，我該如何修復它。這是我的代碼tbody.collapse.in {  display: table-row-group;}.tigray {  background-color: darkcyan;}.zoba {  background-color: forestgreen;}<!-- Latest compiled and minified CSS --><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><!-- jQuery library --><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><!-- Latest compiled JavaScript --><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script><table class="table table-bordered table-sm ">  <thead class="thead-dark">    <tr>      <th></th>      <th>head1</th>      <th>head2</th>    </tr>  </thead>  <tbody>    <tr class="clickable" data-toggle="collapse" data-target="#group-of-rows-1" aria-expanded="false" aria-controls="group-of-rows-1">      <td class="tigray">title1</td>      <td class="tigray">35</td>      <td class="tigray">35</td>    </tr>  </tbody>  <tbody id="group-of-rows-1" class="collapse">    <tr class="clickable" data-toggle="collapse" data-target="#group-of-rows-2" aria-expanded="false" aria-controls="group-of-rows-2">      <td class="zoba">nested 1</td>      <td class="zoba">29</td>      <td class="zoba">29</td>      <tbody id="group-of-rows-2" class="collapse">        <tr class="table-warning">          <td>nested title1</td>          <td>13</td>          <td>13</td>        </tr>        <tr class="table-warning">          <td>nested title2</td>          <td>18</td>          <td>13</td>        </tr>        <tr class="table-warning">          <td>nested title 3</td>          <td>32</td>          <td>13</td>        </tr>      </tbody>    </tr>