使用jquery v1.3.2和jQuery UI 1.7.1

我有一个标签控件,其中有3个标签。每个标签包含1个手风琴控件。

$(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");
});

我找不到将所有手风琴控制器折叠的方法。每当我显示tabControl时,手风琴中的第一个项目总是会扩展。

我试过这个:

$('#acc1First').css('display', 'none');
$('#acc2First').css('display', 'none');
$('#acc3First').css('display', 'none');

$('#acc1First').slideUp();
$('#acc2First').slideUp();
$('#acc3First').slideUp();

但它有时会出现问题,必须先点击第2项才能正常工作等。

有没有办法在折叠所有项目的情况下初始化手风琴控制?

由于

有帮助吗?

解决方案

试试这个

$('#acc1').accordion({ 
    collapsible: true, 
    autoHeight: false, 
    active: false 
});
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top