Expand and Collapse

One or more panels can expand or collapse at once by clicking the panel header (or programmatically) also you can choose which panel should be shown when the others are collapsed.

Nested Accordion

Within the parent accordion, you can construct nested levels of the collapsible panel.


The accordion animation library offers a wide range of beautiful built-in and custom animations for both expand and collapse operations.

Navigation menu and Icon

The HTML5 Accordion can use a nested vertical (hierarchical) navigation menu with links, including external links. The panel header can be enhanced with prefix icons or images.

AJAX Content

In JavaScript Accordion, you can use the AJAX library to dynamically load external content into a panel.

Syncfusion JavaScript Accordion

The Syncfusion JavaScript Accordion is a container-based component with fully functional, responsive, collapsible panels and stacked headers.