jQuery手风琴打开折叠

Question

使用jquery v1.3.2和jQuery UI 1.7.1

我有一个带有3个选项卡的选项卡控件。每个选项卡都包含一个手风琴控件。

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

但有时候它会出现错误，第一个项目必须点击两次才能正常工作等。

有没有办法初始化手风琴控件以使所有项目都折叠？

谢谢

- Andrija

Answer 1

试一下这个

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

- Ólafur Waage

Answer 2

我已经创建了这个：

http://sarfraznawaz.wordpress.com/2010/03/09/creating-stylish-sliding-menu-with-jquery/

这是一个用jQuery创建时尚滑动菜单的教程。

- Sarfraz