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

Question

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

$(function() {

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

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

Answer 1

要关闭完整的手风琴，您必须将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
    });
});

Answer 2

尝试像这样附加 mouseout 功能：

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

jQuery手风琴文档说“将 active 设置为 false 将折叠所有面板。”