如何才能仅在单击该行时展开该行？

要实现仅在单击该行时展开该行，可以通过以下步骤来实现：

1. 使用HTML和CSS创建一个表格或列表，其中每一行都包含一个可点击的元素，例如按钮或链接。
2. 使用JavaScript编写一个事件处理程序，以便在单击行时触发展开行的操作。
3. 在事件处理程序中，使用DOM操作找到被点击的行，并根据需要展开或折叠该行。
4. 可以使用CSS的display属性来控制行的显示和隐藏。例如，可以将行的display属性设置为"none"来隐藏行，设置为"table-row"或"block"来显示行。
5. 如果需要动画效果，可以使用CSS的transition属性或JavaScript的动画库来实现平滑的展开和折叠效果。

以下是一个示例代码，演示如何实现仅在单击行时展开该行：

HTML代码：

<table>
  <tr>
    <td><button class="expand-btn">展开</button></td>
    <td>行内容1</td>
  </tr>
  <tr>
    <td><button class="expand-btn">展开</button></td>
    <td>行内容2</td>
  </tr>
  <tr>
    <td><button class="expand-btn">展开</button></td>
    <td>行内容3</td>
  </tr>
</table>

CSS代码：

table {
  width: 100%;
}

td {
  padding: 10px;
  border: 1px solid #ccc;
}

.expand-btn {
  background-color: #f0f0f0;
  border: none;
  cursor: pointer;
}

JavaScript代码：

// 获取所有展开按钮
var expandBtns = document.getElementsByClassName('expand-btn');

// 给每个按钮添加点击事件处理程序
for (var i = 0; i < expandBtns.length; i++) {
  expandBtns[i].addEventListener('click', function() {
    // 找到被点击按钮所在的行
    var row = this.parentNode.parentNode;
    
    // 切换行的显示状态
    if (row.style.display === 'none') {
      row.style.display = 'table-row';
    } else {
      row.style.display = 'none';
    }
  });
}

这样，当用户单击行中的按钮时，对应的行将展开或折叠。你可以根据实际需求修改代码和样式来适应你的应用场景。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
• 对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯区块链服务（TBC）：https://cloud.tencent.com/product/tbc
• 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse
• 腾讯云直播（CSS）：https://cloud.tencent.com/product/css