Collapse all sections in accordian on page load in jQuery Accordian

Question

Hello guys,

I am using JQuery Accordian, I want to hide all the sections on page load. Only when user clicks on header that section should open. Can any one help me out..

Answer 1

Just, for example, do this:

$(document).ready(function() {
$('.classOfTheElements').hide('fast');
});

It's easy! ;-)

Answer 2

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

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