重置 jQuery Accordion

Question

我在一页上有两个手风琴。 我希望这样当单击/激活一个手风琴时，另一个手风琴（如果打开）将返回到其默认的折叠状态。

我尝试手动重新创建该功能，但它的问题太多，最终不允许我扩展手风琴。

我的代码：

$('#chicago-accordion').accordion({ autoHeight: false, collapsible: true, active:false, });
    $('#chicago-accordion h2').click(function () { 
                $('#ny-accordion .accordion-content').slideUp(); 
                $('#ny-accordion h2').removeClass("ui-state-active"); 
                $('#ny-accordion .accordion-content').removeClass("ui-accordion-content-active"); 
                $('#ny-accordion').accordion({ clearStyle:true, });

         });


$('#ny-accordion').accordion({ autoHeight: false, collapsible: true, active:false, });
    $('#ny-accordion h2').click(function () { 
                $('#chicago-accordion .accordion-content').slideUp();
                $('#chicago-accordion .accordion-content').removeClass("ui-accordion-content-active"); 
                $('#chicago-accordion h2').removeClass("ui-state-active"); 
                $('#chicago-accordion').accordion({ clearStyle:true, });
         });
            });

Answer 1

我找到的解决该问题的简单方法是销毁并重新创建手风琴。

var options = {autoHeight: false, collapsible: true, active:false};

$('#ac1').accordion(options);
$('#ac2').accordion(options);

$('#ac1').click(function () {
    $('#ac2').accordion('destroy').accordion(options);
});

$('#ac2').click(function () {
    $('#ac1').accordion('destroy').accordion(options);
});

Answer 2

这是我用来重置单个手风琴的方法：

$('.ui-state-active.ui-accordion-header').trigger('click');

要重置特定的，您可以使用

$('.ui-state-active.ui-accordion-header.myclass1').trigger('点击');

$('.ui-state-active.ui-accordion-header.myclass2').trigger('点击');

Answer 3

这将重置您的手风琴，且没有选定的选项卡。
通过 addClass/removeClass/attr 进行重置将使您的手风琴在视觉上看起来不错，但需要单击 2 次才能激活先前选择的选项卡。

$('.yourAccordion').accordion({
    active: false
});

谢谢