我已成功实现了
here概述的手风琴,但是想将每个部分包装在一个div中,所以我的结构如下：
<div id="accordion"> <div class="wrap"> <h3><a href="#">Header 1</a></h3> <div>Collapsible content 1</div> </div><!-- end wrap --> <div class="wrap"> <h3><a href="#">Header 2</a></h3> <div>Collapsible content 2</div> </div><!-- end wrap --> <div class="wrap"> <h3><a href="#">Header 3</a></h3> <div>Collapsible content 3</div> </div><!-- end wrap --> </div>
这是否可以使用jQuery UI中提供的手风琴功能？截至目前,如果我尝试以这种方式构建它,它会尝试处理< div class =“wrap”>作为节标题.
解决方法
更改标题选项似乎没问题.
http://jqueryui.com/demos/accordion/#option-header
$(function() {
$( "#accordion" ).accordion(
{ header: '> div.wrap > h3' }
);
});