Collapse all sections in accordion on page load in jQuery Accordion

Question

I am using JQuery Accordion, I want to hide all the sections on page load. Only when user clicks on header that section should open.

Answer 1

Use this in your document ready function when initialising the accordion:

$("#someid").accordion({collapsible : true, active : 'none'});

Answer 2

active : 'none' is an invalid value, it may appear to work on the surface, but will break other aspects of the accordion widget. Use this instead:

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