Я передаю список файлов вместе с их каталогами в свой вид Razor. Мне удалось перечислить их все, чтобы облегчить загрузку, но теперь меня попросили организовать их в стиле аккордеона.с использованием аккордеона для каждой записи
Я пытаюсь использовать аккордеон JqueryUi, однако его трудно реализовать, используя для каждого, чтобы заполнить ссылки.
это то, что я до сих пор:
@foreach (var fullPath in Model)
{
var fileName = Path.GetFileName(fullPath);
var parent = System.IO.Directory.GetParent(fullPath);
string parentString = parent.ToString();
var downloadPath = @Path.GetDirectoryName(fullPath) + "\\" + @fileName;
string yearOne = Server.MapPath("~/Pdfs/YearOne");
string yearTwo = Server.MapPath("~/Pdfs/YearTwo");
<div id="accordion">
@*<h3>Year One</h3>*@
@if (parentString == yearOne)
{
<div>
<p>
<ul>
<li>@Html.ActionLink(fileName, "Download", new { path = downloadPath }) </li>
</ul>
</p>
</div>
}
@*<h3>Year Two</h3>*@
@if (parentString == yearTwo)
{
<div>
<p>
<ul>
<li>@Html.ActionLink(fileName, "Download", new { path = downloadPath }) </li>
</ul>
</p>
</div>
}
</div>
}
То, что происходит, его размещения первой записи в соответствующем разделе аккордеона, то остальные просто перечислены ниже. Может ли кто-нибудь предложить, как я мог бы достичь этого требования в пределах каждого из них?
Элементы DIV имеют одинаковый идентификатор «гармошкой», используя класс вместо идентификатора бы сделать правильный селектор. –
Хороший момент, однако у меня будет несколько аккордеонов, поэтому я думаю, что они не будут работать как один. – JsonStatham
Я изменил это, и он просто помещает все ссылки в свой собственный аккордеон, который ничего не делает, потому что есть только одна строка. – JsonStatham