Accordion Accordion icon

Act3 Accordion 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
Resources:
css/components/accordion.css
js/components/accordion.js

Quick page editor demo:

Examples

Act3 Accordion module demo

Act3 Accordion module demo

Act3 Accordion module demo

Act3 Accordion module demo

Act3 Accordion module demo

Notes

Back-to-top target

The ID of the element to scroll to when the Back to top link is clicked. Use top if you want to scroll to the top of the page.

Act3 - Accordion module - Settings - Back to top target

If you want the Back to top link to scroll to the top of this accordion you can use the Custom ID field under the module's Wrapper section:

Act3 - Accordion module - Wrapper

Act3 - Accordion module - Wrapper - Custom ID

Then make sure the Back-to-top target points to the same ID:

Act3 - Accordion module - Settings - Back to top target - FAQs