如何根据选择的tr切换手风琴？

<div class="accordion">
  <table>
    <tr>
      <td>内容1</td>
    </tr>
    <tr>
      <td>内容2</td>
    </tr>
    <tr>
      <td>内容3</td>
    </tr>
  </table>
</div>

.accordion {
  height: 100%;
  overflow: hidden;
}

tr:not(:first-child) {
  display: none;
}

const trElements = document.querySelectorAll('.accordion tr');

trElements.forEach(tr => {
  tr.addEventListener('click', function() {
    if (this.style.display === 'table-row') {
      this.style.display = 'none';
    } else {
      trElements.forEach(tr => tr.style.display = 'none');
      this.style.display = 'table-row';
    }
  });
});