使用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次才能正常工作等 .
有没有办法初始化折叠控制所有项目折叠?
谢谢
2 回答
试试这个
我创建了这个:
http://sarfraznawaz.wordpress.com/2010/03/09/creating-stylish-sliding-menu-with-jquery/