我有一个网页中的表格，因为我有一个界面，如图所示。通过匹配接口名称，我需要单击箭头

<table>
  <tr>
    <th>接口名称</th>
    <th>操作</th>
  </tr>
  <tr>
    <td id="interface1">接口1</td>
    <td><button onclick="toggleDetails('interface1')">展开/折叠</button></td>
  </tr>
  <tr>
    <td id="interface2">接口2</td>
    <td><button onclick="toggleDetails('interface2')">展开/折叠</button></td>
  </tr>
  <!-- 其他接口行 -->
</table>

function toggleDetails(interfaceId) {
  var interfaceRow = document.getElementById(interfaceId);
  var detailsRow = interfaceRow.nextElementSibling;

  if (detailsRow.style.display === "none") {
    detailsRow.style.display = "table-row";
  } else {
    detailsRow.style.display = "none";
  }
}

tr.details {
  display: none;
}

<tr class="details">
  <td colspan="2">
    <!-- 接口的详细信息 -->
  </td>
</tr>