jquery - 仅使用 asp.net mvc 和 css 和 jquery 创建扩展器/面板栏控件

Question

如何创建这样的控件：http ://www.telerik.com/products/aspnet-mvc/panelbar.aspx

在带有纯 css 和 jquery 的 asp.net mvc 中？

我尝试的第一个方法是使用

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

但是 ul-tag 不能有文本，那么我怎样才能给我的子元素一个带有文本的标题呢？

Answer 1

您可以从中获得灵感的jQuery UI 手风琴控件。标记如下所示：

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>

Answer 2

试试这个：（它最初是用于移动应用程序，但我确信有一些 css 更改，您可以自定义外观/感觉）

关联