HTML在单击表格标题时显示/隐藏表格的各个部分

<table>
  <tr>
    <th onclick="toggleTable()">表格标题</th>
  </tr>
  <tr id="tableContent" style="display: none;">
    <td>表格内容1</td>
    <td>表格内容2</td>
    <td>表格内容3</td>
  </tr>
</table>

function toggleTable() {
  var tableContent = document.getElementById("tableContent");
  if (tableContent.style.display === "none") {
    tableContent.style.display = "table-row";
  } else {
    tableContent.style.display = "none";
  }
}