卷起嵌套 jQuery Accordion 中的子元素

Question

当使用 jQuery 的 Accordion（以嵌套方式）时，我想确保当单击/打开父元素时，所有打开的子元素都会被关闭/卷起。我不确定尝试执行此操作时应该使用什么选择器。到目前为止，我已经尝试将“activate”设置为 false 来操纵更改事件，但这只会使任何打开的元素自动关闭。

假设我只有 1 个嵌套手风琴，我的 jquery 初始化如下所示：

$(".accordion").accordion({
            active: false, collapsible: true, autoHeight: false, animated: 'swing'
        });

        $(".child-accordion").accordion({
            active: false, collapsible: true, autoHeight: false, animated: 'swing',
            change: function(event, ui) { $(".child-accordion").accordion("activate", false); }
        });

其中 .child-accordion 是嵌套实例。当 .accordion 的成员打开时，我需要关闭 .child-accordion 下的任何内容。

Answer 1

$(".accordion").accordion({
    collapsible: true,
    autoHeight: false,
    animated: 'swing',
    changestart: function(event, ui) {
        child.accordion("activate", false);
    }
});

var child = $(".child-accordion").accordion({
    active:false,
    collapsible: true,
    autoHeight: false,
    animated: 'swing'
});

您的版本无法正常工作的原因有两个

1. 您的更改事件需要在父级上，因为那时您希望子级滚动

2. 您需要创建事件 changestart 因为当您将 activate 设置为 false 时，它​​所做的主要事情是 切换子级中当前“可见”的部分，但是当父级上触发 change 事件时，子级已经隐藏，因此它不会执行任何操作。

编辑：这是此 http://jsfiddle.net/ryleyb/YPpEn 的工作版本/