Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
重置jQuery手风琴_Jquery_Accordion - Fatal编程技术网

重置jQuery手风琴

重置jQuery手风琴,jquery,accordion,Jquery,Accordion,我一页上有两个手风琴。我希望这样,当一个手风琴被点击/激活时,另一个手风琴(如果打开)将返回其默认折叠状态 我曾尝试手动重新创建该功能,但它太麻烦,最终不允许我扩展手风琴 我的代码: $('#chicago-accordion').accordion({ autoHeight: false, collapsible: true, active:false, }); $('#chicago-accordion h2').click(function () {

我一页上有两个手风琴。我希望这样,当一个手风琴被点击/激活时,另一个手风琴(如果打开)将返回其默认折叠状态

我曾尝试手动重新创建该功能,但它太麻烦,最终不允许我扩展手风琴

我的代码:

$('#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, });
         });
            });

我找到的解决这个问题的简单方法是销毁并重新制作手风琴

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

下面是我用来重置单曲手风琴的方法:

$('.ui state active.ui accordion header')。触发器('click')

要重置特定的,可以使用

$('.ui state active.ui accordion header.myclass1')。触发器('click')

$('.ui state active.ui accordion header.myclass2')。触发器('click')


这将重置您的手风琴,而不选择任何选项卡。 通过addClass/removeClass/attr重置将使您的手风琴在视觉上看起来很好,但需要单击两次才能激活以前选择的选项卡

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