An accordion group is a vertically stacked collection of multiple accordions (headers that can be clicked to reveal or hide content associated with them). You can use an overarching heading and description to contextualize content.

View Example Accordion Group

Full Accordion Group Documentation

Accordion Groups in Practice

Accordion groups are ideal for sections of longer question and answer content, such as frequently asked questions (FAQs).

Consider using custom content and writing SEO rich content with structured headings in instances when your first instinct is to collapse all content on the page. You may also take that as an indication that you need to edit the content down to be shorter and more direct.

Tip: Use the superheader and subheader options to show a preview of the answers to FAQs. See how we utilized this strategy on tamu.edu’s FAQ page.

Keep Learning

Learn about the Alert in Aggie UX 101 Module 5 Chapter 3.

Go to Chapter 3