Я использую аккордеон для закрытия и открытия содержимого при нажатии.
В нем есть раздел в виде бара, который при нажатии будет показан в следующем примере: http://jeevanscientific.com/resources.html
Мне нужно добавить кнопку up/downbutton на rightide каждого бара.
После того, как вы нажали на конкретную панель, только на этой панели отображается кнопка "вниз". Это похоже на скрытие и показ кнопки вверх и вниз по отношению к нажатию кнопки.
Проблема в том, что я использую foreach для отображения элементов. Как реализовать этот сценарий?
Вот мой HTML:
foreach (var i in footerPage.StaticPagePersons)
{
<H1>@Html.Raw(@i.Type) </H1>
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading datalist" id="" data-toggle="collapse" data-parent="#accordion2" href="#@i.Id">
<i class="fa fa-chevron-down table-middle" aria-hidden="true"></i>
<i class="fa fa-chevron-up table-middle" aria-hidden="true"></i>
<h1 class="accordion-toggle table-middle">
@Html.Raw(@i.Name)
</h1>
</div>
<div id="@i.Id" class="accordion-body collapse out">
<div class="accordion-inner">
<img ng-src="@i.ImagePath" alt="logo" class="img-thumbnail img-wrap content-image" />
<h1>@Html.Raw(@i.Name)</h1>
<h3>@Html.Raw(@i.Title)</h3>
<br />
@Html.Raw(@i.BioDetail)
</div>
</div>
</div>
</div>
}
Разъяснение
с правой стороны каждой вкладки.. это требование... при нажатии на кнопку вверх, кнопка вниз вниз