JQUERY UI Accordion start collapsed

Question

How can I make the jquery UI accordion start collapsed when the form loads. Is there any javascript code for this?

Answer 1

In your options specify:

{   ...   active: false,   collapsible: true,   ... } 

See documentation for active.

Answer 2

I was trying to do the same thing. Using Jquery UI tabs. I wanted none to show with 5 tabs when you start.

using active: false showed the 5th tabs content. So I set tabs CSS to display:none; since it in-line changes display. Hope this helps someone!

<script> $(function() {     $( "#tabs" ).tabs({         active: false,         collapsible: true,     }); }); 

And in the style

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{      display:none; }