Question

使用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项才能正常工作等。

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

由于

Answer 1

试试这个

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

Answer 2

我创建了这个：

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

jQuery Accordion open崩溃了

2 个答案: