jQuery UI Accordion包含在DIV中包含的部分

Question

我已经按照概述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">视为节标题。

Answer 1

更改标题选项似乎没问题。

http://jqueryui.com/demos/accordion/#option-header

$(function() {
        $( "#accordion" ).accordion(
         { header: '> div.wrap > h3' }
        );
    });

http://jsfiddle.net/Quincy/RCXwz/