HTML/CSS-为下拉列表调用对等标记

我有两个具有相同层次结构级别的

标记（称为

1和

2），我希望在单击

1时显示

2。到目前为止，我只知道为下拉列表调用后代标记，而不是对等标记。有可能吗？如果是的话，你能告诉我怎么做吗？这是我的代码：

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

abc
abc
abc
abc

您可以尝试使用js，让操作绑定事件

。下拉菜单{
显示：无；
}
标签{
光标：指针；
}
#显示下拉菜单{
显示：无；
}
#显示下拉菜单：选中：未（：禁用）~.下拉菜单{
显示：块；
}

活动下拉列表
下拉菜单

太棒了！谢谢！