Back to Documentation
Accordion on the FAQ Page

The accordion interaction on the FAQ page uses native Webflow interaction to work. 

The accordion section is a collection list linked to the “FAQs” CMS Collection. 

Each “FAQs” item has its own title and answer. 

Add interactions: “Accordion open” and “Accordion close” to the “FAQ Accordion” inside each collection list. Set the “Accordion open” to be triggered on the first click and “Accordion close” on the second click. 

“Accordion open” and “Accordion close” will change the size of the div block and the rotation of the arrow icon when the list item is clicked.