如何在表单加载时使jquery UI手风琴开始折叠。这有什么JavaScript代码吗?
我试图做同样的事情。使用Jquery UI选项卡。当你开始时我想要没有显示5个标签。
使用active:false显示第5个标签内容。所以我设置标签CSS显示:none;因为它在线改变显示。希望这有助于某人!
<script>
$(function() {
$( "#tabs" ).tabs({
active: false,
collapsible: true,
});
});
而且在风格上
#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{
display:none;
}
我使用这个代码,因为我使用的是Dreamweaver Widget,Topek没有为我工作的代码希望这会有所帮助,
jQuery("#jQueryUIAccordion").accordion({
event: "click",
active: false,
collapsible: true,
autoHeight: false
});
要完成answer of topex,使用Jquery UI 1.10.3我必须在'active'之前设置'collapsible'选项。
$( ".accordion" ).accordion("option", {
collapsible: true,
active: false
});
如果你正在使用所见即所得的“属性”和编码混淆,请尝试在“活动”框中输入一个比章节列表多一个的数字。我有12个部分,并在那里放“13”,它对我有用。
如果您查看代码中面板组的开头,请查找此内容
<div id="collapseOne1" class="panel-collapse collapse in">
如果您只是删除“in”,它会在页面加载时关闭面板。
如果您使用默认的jquery手风琴它始终显示第一个面板内容,您可以使用active: false
属性禁用它。
jQuery(document).ready(function() {
jQuery( "#accordion" ).accordion({
collapsible: true,
active: false,
});
});
但它的默认行为是将所有面板设置为最高面板的高度。所以,为此你必须添加"heightStyle"
属性。
heightStyle: "content",
所以,每个小组只会与其内容一样高。