jquery - 单击时折叠 jQuery Accordion

Question

我使用 jQuery 创建了一个 Accordion ，当用户单击第二个选项时，它可以很好地折叠，但我还希望可以选择通过再次单击标题来折叠打开的 Pane 。我怎样才能做到这一点？

这是我现有的用于创建 Accordion 的 jQuery:

$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null, });

这是 HTML:

<div id="accordion">

    <h2>Heading 1</h2>
    <div class="pane">... pane content ...</div>
    
    <h2>Heading 2</h2>
    <div class="pane">... pane content ...</div>
    
    <h2>Heading 2</h2>
    <div class="pane">... pane content ...</div>

</div>

Answer 1

//Initialize a accordion with the collapsible option specified.
$( ".selector" ).accordion({ collapsible: true });
//Get or set the collapsible option, after init.
//getter
var collapsible = $( ".selector" ).accordion( "option", "collapsible" );
//setter
$( ".selector" ).accordion( "option", "collapsible", true );

来源:http://jqueryui.com/demos/accordion/#option-collapsible

找到这个演示:http://jsfiddle.net/2DaR6/