单击时折叠 jQuery 手风琴

Posted 2023-03-24

【中文标题】单击时折叠 jQuery 手风琴

【英文标题】：Collapse jQuery Accordion On Click

【发布时间】：2012-03-04 19:52:35

【问题描述】：

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

这是一个小提琴，展示了我到目前为止的设置方式：http://jsfiddle.net/gstubbenhagen/JyFRC/

编辑：用 jsFiddle 链接替换的代码示例

【问题讨论】：

你能把你的例子放在jsfiddle上吗？

【参考方案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/

【讨论】：

完美！很抱歉迟到了，我很难让它在小提琴之外工作；原来它是一个过时的 JQuery 库（小学生错误！），切换到使用 Google Libraries API，它现在可以实现梦想！

【参考方案2】：

你是指demo中的效果吗？

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

collapsible: true