javascript - jQuery Accordion 打开折叠

Question

使用 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 控件？

谢谢

Answer 1

试试这个

$('#acc1').accordion({ 
    collapsible: true, 
    autoHeight: false, 
    active: false 
});