Accordions

Use the accordion to create collapsible content (e.g. an FAQs section.)

Pro tip: Check and double check that the heading and collapse id’s are unique and named accordingly when building each accordion item.

Firstly add a wrapper for the accordion and give it a unique id. Then add each accordion item within the wrapper as shown below. The header and collapsible content elements within each accordion item require unique id’s to control how they work.