如何使用jquery展开/折叠表行？

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<table>
  <tr>
    <th>标题</th>
    <th>内容</th>
  </tr>
  <tr class="expandable-row">
    <td>行1</td>
    <td>内容1</td>
  </tr>
  <tr>
    <td>行2</td>
    <td>内容2</td>
  </tr>
</table>

$(document).ready(function() {
  $('.expandable-row').click(function() {
    $(this).next().toggle(); // 切换下一行的显示状态
  });
});

.expandable-row + tr {
  display: none;
}