Accordion

An accordion is a collection of collapsible items, displayed top to bottom. Useful for including large amounts of text without making people scroll through it all.

Item #1

Here's some content!

Item #2

Here's some more content!

Item #3

And finally, even more content!

Modifiers

Use the is-first-expanded class to auto-expand the first item by default:

Item #1

Here's some content!

Item #2

Here's some more content!

Item #3

And finally, even more content!

Use the is-toggle class to make the items toggle independently:

Item #1

Here's some content!

Item #2

Here's some more content!

Item #3

And finally, even more content!