jQuery中如何在鼠标移出事件时关闭所有手风琴？

Question

如何在“mouseout”事件上关闭所有手风琴内容？ 以下是我的Jquery代码：

$(function() {

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

我应该把onmouseout函数放在哪里才能关闭所有内容？

- rochellecanale

---

你尝试过 $( "#accordion" ).mouseout(...) 吗？ - jantimon

是的，但它没有关闭。 - rochellecanale

Answer 1

尝试这样附加mouseout函数：

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

jQuery 手风琴文档中提到："将active设置为false将折叠所有面板。"

- Jivings

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
    });
});

- jantimon