Accordion Examples

Accordion 1 - [Accordion Component using Single Open Mode with Search, defined Anchor ID, and Accordion Items with defined Anchor IDs]


Accordion 2 - [Accordion Component with defined Anchor ID, and Accordion Items with defined Anchor IDs]


First set of Accordions
No results found.

This is the content for Accordion Item 1. This accordion uses an <h1> for its title bar, is configured to open on page load, and has an Anchor ID of "item 1".

This is the content for Accordion Item 2. This accordion uses an <h2> for its title bar and has an Anchor ID of "item 2".

This is the content for Accordion Item 3. This accordion uses an <h1> for its title bar, is configured to open on page load, and has an Anchor ID of "item 1".

Second set of Accordions (same items)

This is the content for Accordion Item 1. This accordion uses an <h1> for its title bar, is configured to open on page load, and has an Anchor ID of "item 1".

This is the content for Accordion Item 2. This accordion uses an <h2> for its title bar and has an Anchor ID of "item 2".

This is the content for Accordion Item 3. This accordion uses an <h1> for its title bar, is configured to open on page load, and has an Anchor ID of "item 1".