jQuery UI Accordion (hiding all by default)

Hello I am using jQuery UI Accodions

By default, the first accordion is shown and other 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:

    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.


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.