Click headers to expand/collapse content that is broken into logical sections, much like tabs. The underlying HTML markup is a series of headers (spantags) and content divs so the content is usable without JavaScript.

To fill the vertical space allocated by its container, set the heightStyleoption to "fill", and the script will automatically set the dimensions of the accordion to the height of its parent container.

Control animation easing and duration using animateoption. Accepts trueor falsevalues; number- duration in milliseconds; string- name of easing; object- containing easingand durationproperties.

By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the collapsibleoption to truein widget configuration. Click on the currently open section to collapse its content pane.

By default, accordion uses clickevent to collapse/expand content. It can be changed using eventoption, that is responsible for activating the associated card. Multiple events can be specified, separated by a space.

Accordion widget supports sortablefunctionality for panels re-ordering. To use, specify dragging handleand vertical axisin sortable accordion configuration and add accordion refreshwhen sorting is stopped.