在jquery中关闭mouseout事件的所有手风琴

Question

如何关闭 mouseout 事件中的所有手风琴内容？ 这是我的Jquery代码：

$(function() {

        $( "#accordion" ).accordion({
            header: "h3", 
            active: false, 
            collapsible: true,
            heightStyle: "content" 
        });
  });

我可以在哪里放置onmouseout功能来关闭我的所有内容？

Answer 1

尝试附加mouseout功能，如下所示：

$( "#accordion" ).accordion({
  header: "h3", 
  active: false, 
  collapsible: true,
  heightStyle: "content" 
}).mouseout(function() {
  $(this).accordion('active', false);
});

jQuery accordion documention说“将active设置为false会折叠所有面板。”

Answer 2

要关闭完整的手风琴，您必须将active选项设为false：

http://api.jqueryui.com/accordion/#option-active

$("#accordion").accordion({ active: false });
// or
$("#accordion").accordion( "option", "active", false);

正如您在 jsfiddle 中看到的，以下代码可以根据需要运行：

$("#accordion").accordion({
    header: "h3",
    active: false,
    collapsible: true,
    heightStyle: "content"
}).mouseout(function () {
    $(this).accordion({
        active: false
    });
});