JavaScript Horizontal Accordian With Active Tab

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 dont 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. Heres a bullet list:

  • List item #1
  • List item #2
  • List item #3

How to use a JavaScript accordion

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