jQuery UI Accordion (hiding all by default)

Hello I am using jQuery UI Accodions

By default, the first accordion is shown and other 开发者_JAVA技巧are hidden. I would like to hide all the accordions by default until the user clicks it.

How do I do that ?

Thank You

This code should accomplish this

$( ".selector" ).accordion({ active: false });

This is the updated code to accomplish the appropriate.

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

"Setting active to false will collapse all panels. This requires the collapsible option to be true." http://api.jqueryui.com/accordion/#option-active

To hide all the accordion's panel by default, you need to set the following 2 options:

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

The active option specifies which panel is currently open. By default its value is 0, i.e the first panel.

The collapsible option specifies whether all the sections can be closed at once. Allows collapsing the active section.