jquery ui accordion customization

Question

I'm trying to customize a jquery accordion menu. For tests I used an example into this page ( sortable accordion)

I would make sure that when the page is loaded, the menu will remain closed. At the bottom of page, there are only these settings:

//jquery accordion
            $( "#accordion" ).accordion({
                collapsible: true ,
                heightStyle: "content",
                animate: 250,
                header: ".accordion-header"
            }).sortable({
                axis: "y",
                handle: ".accordion-header",
                stop: function( event, ui ) {
                    // IE doesn't register the blur when sorting
                    // so trigger focusout handlers to remove .ui-state-focus
                    ui.item.children( ".accordion-header" ).triggerHandler( "focusout" );
                }
            });

How can I do? Thanks

Answer 1

In your options specify:

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

See documentation for active.