在Twitter Bootstrap中,我正在尝试创建一个带有手风琴的按钮下拉列表.
目的是以简洁的形式呈现一长串项目(即避免用户长时间向下滚动).
在dropdown div中包含手风琴div的简单方法不起作用..:
<div class="dropdown">
<a data-toggle="dropdown" href="#">Dropdown trigger</a>
<div class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="accordion">
<h3>Unit 1</h3>
<div>
<p>item a</p>
<p>item b</p>
</div>
<h3>Unit 2</h3>
<div>
<p>item c</p>
<p>item d</p>
<p>item e</p>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
任何想法如何实现这一点?
jquery-ui jquery-ui-accordion twitter-bootstrap twitter-bootstrap-3