jQuery 手风琴打开折叠 [英] jQuery Accordion open collapsed

问题描述

使用 jquery v1.3.2 和 jQuery UI 1.7.1

using jquery v1.3.2 and jQuery UI 1.7.1

我有 1 个标签控件，其中包含 3 个标签.每个选项卡包含 1 个手风琴控件.

I have 1 tab control with 3 tabs in it. Each tab contains 1 accordion control.

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

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

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

$('#tabControl').tabs();

});

tabControl 在页面加载时不可见.有打开它的按钮.

tabControl is not visible at page load. There is button that opens it.

$("#btnShow").bind("click", function() {
$('#tabControl').slideToggle("slow");
});

我找不到折叠所有手风琴控件的方法.每次我显示 tabControl 时，其中的手风琴总是展开第一项.

I can't find the way to have all accordion controls collapsed. Every time I show tabControl, accordions in it have first item always expanded.

我已经试过了:

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

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

但它有时会出错，必须单击第一个项目 2 次才能正常工作等.

but it bugges sometimes, first item have to be clicked 2 times to work properly etc.

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

Is there any way to initialize accordion control with all items collapsed ?

谢谢

推荐答案

试试这个

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

这篇关于jQuery 手风琴打开折叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！