使用 jquery v1.3.2 和 jQuery UI 1.7.1
我有 1 个选项卡控件,其中包含 3 个选项卡。每个选项卡包含 1 个 Accordion 控件。
$(document).ready(function() {
$('#acc1').accordion({ collapsible: true, autoHeight: false });
$('#acc1').accordion({ collapsible: true, autoHeight: false });
$('#acc1').accordion({ collapsible: true, autoHeight: false });
$('#tabControl').tabs();
});
tabControl 在页面加载时不可见。有打开它的按钮。
$("#btnShow").bind("click", function() {
$('#tabControl').slideToggle("slow");
});
我找不到折叠所有 Accordion 控件的方法。每次我显示 tabControl 时,其中的 Accordion 总是展开第一个项目。
我试过这个:
$('#acc1First').css('display', 'none');
$('#acc2First').css('display', 'none');
$('#acc3First').css('display', 'none');
$('#acc1First').slideUp();
$('#acc2First').slideUp();
$('#acc3First').slideUp();
但它有时会出错,第一个项目必须单击 2 次才能正常工作等。
有没有什么方法可以在折叠所有项目的情况下初始化 Accordion 控件?
谢谢
最佳答案
试试这个
$('#acc1').accordion({
collapsible: true,
autoHeight: false,
active: false
});
关于javascript - jQuery Accordion 打开折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/817959/