重置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
});
谢谢