HTML/CSS - 为下拉菜单调用对等标记

Question

我有 2 <td>具有相同层级的标签(称为 <td> 1 和 <td> 2)，我想要 <td> 2 在我单击 <td> 时显示1.到目前为止，我只知道为下拉菜单调用后代标签，而不是对等标签。有可能这样做吗？如果是的话，你能告诉我一些方法吗？这是我的代码:

<tr class="active-dropdown">
    <td>abc</td>
    <td>abc</td>
</tr>
<tr class="dropdown-menu">
    <td>abc</td>
    <td>abc</td>
</tr>

Answer 1

.dropdown-menu{
  display: none;
}
label{
  cursor: pointer;
}
#show_dropdown_menu{
  display: none;
}
#show_dropdown_menu:checked:not(:disabled) ~ .dropdown-menu{
  display:block;
}

<input type="checkbox" id="show_dropdown_menu" />
<label for="show_dropdown_menu">
<div class="active-dropdown">
  active-dropdown
</div>
</label>
<div class="dropdown-menu">
  dropdown-menu
</div>