• The JavaScript Accordion is in Beta Release

JavaScript Accordion

JavaScript Accordion An Accordion widget is a set of collapsible panels that can store a large amount of content in a compact space. Users can hide or reveal the content stored in the accordion by clicking the tab of the panel.


  • Supports many data types out of the box
  • Static and responsive block elements
  • Sortable with multiple targets
  • Complete API for easy customization.

Useful Links


Different Data Types View Code
This example will illustrate the supported data types.

In hendrerit mauris at sem sodales tincidunt. Quisque tempor metus tortor, a aliquet leo semper scelerisque. Praesent tempus, arcu ac scelerisque porta, purus massa tempor ipsum, viverra iaculis nisi neque sed velit. Morbi est sem, lobortis congue pharetra ut, imperdiet eu tortor. Nunc porta purus magna, ut ultrices felis sodales sed. Ut vehicula vel urna et pellentesque. Nam nec dapibus risus. Vivamus eu nulla ullamcorper, cursus ante at, tempus erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris sagittis nec velit nec fermentum. Curabitur elementum eros sem, in facilisis ligula facilisis vel.

Sortable with Different Targets View Code
This example illustrates how to make sortable accordions with different targets

Accordion 1, Paragraph 1

Accordion 1, Paragraph 2

Accordion 1, Paragraph 3

Accordion 2, Paragraph 1

Accordion 2, Paragraph 2

Accordion 2, Paragraph 3

Accordion 3, Paragraph 1

Accordion 3, Paragraph 2

Accordion 3, Paragraph 3

Adding and Removing Tabs View Code
This examples shows how to add and remove tabs

Accordion, Paragraph 1

Accordion, Paragraph 2

Accordion, Paragraph 3

Get the Code
Download the latest version:
API & Docs
View the complete API documentations and examples:
API & Docs
We offer two types of licenses, personal and commercial. Find out more.
We thrive on your donations. If our scripts has helped, please donate.