点击即可折叠jQuery Accordion

Question

我已经使用jQuery创建了一个手风琴，当用户单击第二个选项时，它可以很好地折叠，但我也希望通过再次单击标题来折叠打开的窗格。我该怎么做？

以下是我现有的用于创建手风琴的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-可折叠

找到此演示：http://jsfiddle.net/2DaR6/

Answer 2

你的意思是这个演示中的效果吗？

单击所选选项卡以切换其内容的关闭/打开。要启用此功能，请将可折叠的option设置为true。

collapsible: true