如何切换此表，使其在使用Javascript单击时仅隐藏行？

<table>
  <tr data-row-id="1">
    <td>行1</td>
  </tr>
  <tr data-row-id="2">
    <td>行2</td>
  </tr>
  <tr data-row-id="3">
    <td>行3</td>
  </tr>
</table>

// 获取所有行的元素
var rows = document.querySelectorAll('tr');

// 给每一行添加点击事件监听器
rows.forEach(function(row) {
  row.addEventListener('click', toggleRow);
});

// 切换行的显示和隐藏
function toggleRow(event) {
  var row = event.currentTarget; // 获取当前点击的行
  var rowId = row.getAttribute('data-row-id'); // 获取行的标识

  if (row.style.display === 'none') {
    row.style.display = 'table-row'; // 显示行
  } else {
    row.style.display = 'none'; // 隐藏行
  }
}