jquery accordion collapsed by default on page load

Question

I am using JQuery UI accordion in my page. I have following Javascript code on my page load:

$(function() {
    $(\"#accordion\").accordion({
            act         


        

Answer 1

It's probably loading something near the end of the page slowly. If you can't fix that, you could try declaring the element having display:none applied to it in css, then:

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

There could be a cleaner way of doing that (as @Mrchief suggests), but I don't think .accordion() formats hidden elements nicely. You'll have to test.