Я хочу отобразить выпадающее меню для каждой строки таблицы.Когда я помещаю раскрывающийся список css внутрь цикла for, он всегда открывает раскрывающийся список в первом ряду, независимо от того, какую кнопку я нажимаю в последующих рядах.
Код на странице бритвы:
@foreach(var ind in id)
{
<td style="white-space: pre-line; text-align: left;">@ind.Key</td>
<td>@ind.amount</td>
<td>
<label for="checkbox">Dropdown menu</label>
<input id="checkbox" type="checkbox" />
<ul id="ulmenu">
<li>@Html.ActionLink("Details", "search", "search", new {search = "id", key = ind.Id})</li>
<li>@Html.ActionLink("Goto website", "search", "search", new {search = "id", key = Model.key)</li>
</ul>
</td >
}
CSS
#ulmenu {
display: none;
}
#checkbox {
opacity: 0;
}
#checkbox:checked + ul {
display: block;
}