How does this accordion work?

This accordion utilizes the pre-made dropdown Webflow element.

What are the limitations?

The height of the .accordion-1_toggle needs to be set and that height needs to be the same in the .accordion-1_dropdown interactions on open and close. You also must use px units for the height of .accordion-1_toggle.

If you have an accordion where the content in .accordion-1_toggle is going to be variable you might want to consider another option because of the fixed height requirements.

What can I use this for?

These are popular in frequently asked questions and product/service feature sections.

What other options do I have?

We are working on building more accordions that can work in a variety of different scenarios.