Accordion
The Accordion module lets you organize related content or FAQs into expandable sections, keeping pages clean and easy to scan.
Live Preview| Use case | Quick compact piece of information or FAQs |
| Page speed impact | Low, unless you add heavy resources (large images without lazy loading, videos, call-to-action, etc) in the module's rich-text fields. |
| Available in pages | Yes |
| Reserved block class | accordion |
| Relevant files | css/components/accordion.cssjs/components/accordion.js |
Quick demo
Good to know
Back-to-top target
This is the ID of the element the Back to top link scrolls to. Use top to scroll to the very top of the page:
If you want it to scroll to the top of this accordion, add a unique ID to your module using the Custom ID field under Wrapper › Identifiers:
Then use the same ID in the Back-to-top target field: