[英]jQuery Accordion open collapsed
using jquery v1.3.2 and jQuery UI 1.7.1 使用jquery v1.3.2和jQuery UI 1.7.1
I have 1 tab control with 3 tabs in it. 我有一个标签控件,其中有3个标签。 Each tab contains 1 accordion control. 每个标签包含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 is not visible at page load. tabControl在页面加载时不可见。 There is button that opens it. 有按钮打开它。
$("#btnShow").bind("click", function() {
$('#tabControl').slideToggle("slow");
});
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. 每当我显示tabControl时,手风琴中的第一个项目总是会扩展。
I have tried this: 我试过这个:
$('#acc1First').css('display', 'none');
$('#acc2First').css('display', 'none');
$('#acc3First').css('display', 'none');
$('#acc1First').slideUp();
$('#acc2First').slideUp();
$('#acc3First').slideUp();
but it bugges sometimes, first item have to be clicked 2 times to work properly etc. 但它有时会出现问题,第一项需要点击2次才能正常工作等。
Is there any way to initialize accordion control with all items collapsed ? 有没有办法初始化折叠控制所有项目折叠?
Thanks 谢谢
Try this 试试这个
$('#acc1').accordion({
collapsible: true,
autoHeight: false,
active: false
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.