如何在单击任意行时切换()显示/隐藏下一行

在前端开发中，可以通过以下步骤来实现在单击任意行时切换显示/隐藏下一行：

1. 首先，为每一行添加一个点击事件监听器。可以使用JavaScript或者jQuery来实现这一步骤。例如，使用JavaScript的addEventListener方法或者jQuery的on方法来为每一行添加点击事件监听器。
2. 在点击事件的处理函数中，获取当前点击行的下一行元素。可以使用JavaScript的nextElementSibling属性或者jQuery的next方法来获取下一行元素。
3. 判断下一行元素的显示状态，如果是隐藏的，则将其显示出来；如果是显示的，则将其隐藏起来。可以使用JavaScript的style属性的display属性来控制元素的显示与隐藏，或者使用jQuery的show和hide方法来实现。

下面是一个示例代码：

HTML部分：

<table>
  <tr>
    <td onclick="toggleNextRow(this)">行1</td>
  </tr>
  <tr>
    <td>行2</td>
  </tr>
  <tr>
    <td onclick="toggleNextRow(this)">行3</td>
  </tr>
  <tr>
    <td>行4</td>
  </tr>
</table>

JavaScript部分：

function toggleNextRow(row) {
  var nextRow = row.nextElementSibling;
  if (nextRow.style.display === "none") {
    nextRow.style.display = "table-row";
  } else {
    nextRow.style.display = "none";
  }
}

在上述示例中，当点击行1时，会切换显示/隐藏行2；当点击行3时，会切换显示/隐藏行4。

这是一个简单的实现方式，可以根据具体需求进行扩展和优化。