HTML/CSS - ドロップダウン

Question

のためのピア・タグを呼び出すと、私は（<td> 1及び<td> 2と呼ばれる）同じ階層レベルを有する2 <td>タグを持っている、と私は私がこれまで<td> 1.をクリックしたときに<td> 2を表示したいです私は、ドロップダウンの子孫タグをピアタグではなく呼び出すことについてのみ知っていました。それは可能ですか？それがあれば、それを行うための何か方法を教えてくれますか？ここに私のコードです：

<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>

Answer 2

あなたは、アクションバインドイベント