jquery accordion在页面加载时默认折叠

Dot*_*row 6 javascript jquery jquery-ui

我在我的页面中使用JQuery UI手风琴.我在页面加载时遵循以下Javascript代码:

$(function() {
    $("#accordion").accordion({
            active: false,
            autoHeight: false,
            navigation: true,
            collapsible: true
        });

});
Run Code Online (Sandbox Code Playgroud)

当页面加载时,所有选项卡都会打开几秒钟然后崩溃.可能是它的负载效应.如何在页面加载时折叠Jquery UI折叠.请建议

Mrc*_*ief 10

虽然不是一个直接的答案,也许你可以隐藏它,然后在它创建时显示它:

$("#accordion").accordion({
   active: false,            
   autoHeight: false,            
   navigation: true,            
   collapsible: true,
   create: function(event, ui) { $("#accordion").show(); }
});
Run Code Online (Sandbox Code Playgroud)

更新:这个小提琴适合我:http://jsfiddle.net/47aSC/6/


小智 9

对我来说,这有效:

$(function() {
    $( "#accordion" ).accordion({
            collapsible: true,
            autoHeight: true,
            active: false

        });
});
Run Code Online (Sandbox Code Playgroud)