mvc4中的手风琴列表

Question

如何以手风琴

制作以下列表

@foreach(var item in Model)
{
 <div class="content">
   <div class="title">@Html.DisplayFor(modelItem => item.con_title)</div>
   <div class="frame">
   <div class="photo" >
   <img src="@Url.Content("Images/Contributeimage/"+ @item.con_image)" />
   </div>
   </div>
   <div class="discription"><p>@Html.DisplayFor(modelItem => item.con_notes)</p></div>

}

请帮帮我

Answer 1

您可以使用jQuery UI accordion插件。文档是一个良好的开端。它包含许多您可以浏览的示例。