JavaScript accordion example

About accordions

JavaScript accordions let you squeeze a lot of content into a small space in a Web page.

This simple accordion degrades gracefully in browsers that don't support JavaScript or CSS.

Accordion items

A JavaScript accordion is made up of a number of expandable/collapsible items. Only one item is ever shown at a time.

You can include any content you want inside an accordion item. Here's a bullet list:

How to use a JavaScript accordion

Click an accordion item's heading to expand it. To collapse the item, click it again, or click another item heading.

Return to the JavaScript Accordion article