創建asp.net的MVC和CSS和jQuery一個擴展器/ panelbar控制只

Question

如何創建這樣的控制：http://www.telerik.com/products/aspnet-mvc/panelbar.aspx

在asp.net mvc的

純CSS和jQuery？

第一個是我的嘗試是爲了讓靜態使用

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

但UL標籤不能有一個文本，所以我怎麼可能給我的子元素與文本的標題？

Answer 1

有你可以從中獲得靈感的jQuery UI accordion控件。該標記看起來是這樣的：

<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的變化，您可以自定義外觀/感受）

LINK