Templates and Examples

We've created eight templates to get you started quickly. You can select your preferred template or modify each to create your own Accordion. It's dead simple to take these ready-to-use HTML template, just grab the code and drop it (included in the download) in your project or web site. We regularly add new examples to this list. You may follow us on Twitter, or join our Facebook to get notified about new templates and updates.

Vertical Tabs Vertical Accordion

Vertical Accordion

Tab Sizes Horizontal to Vertical

Horizontal to Vertical

Orientations and positioning Accordion Slider

Accordion Slider

Animation Accordion Navigation Menu

Accordion Navigation Menu

Deep-Linking FAQ Accordion

FAQ Accordion

Responsive and Mobile Tabs Accordion Slider with Spacing

Accordion Slider with Spacing

Nested and Multiple Instances Nested and Multiple Instances

Nested and Multiple Instances

Vertical Tabs Vertical with Spacing

Vertical with Spacing