Create a custom accordion

There are a number of ways to create a custom accordion in Webflow. This can simply be done using HTML elements (found in the Add panel) to create the accordion, adding style to those elements with the Style panel, and bringing your accordion to life with animations using Interactions. Let's walk through how to create a custom accordion using the Dropdown element.

In this lesson, we'll cover: 00:00 - Introduction 00:39 - Create an accordion 01:33 - Customize the toggle & what is the meaning of life? 02:38 - Style our accordion 03:49 - Create a custom trigger

Read about it → https://university.webflow.com/lesson/create-a-custom-accordion

Cloneable project download → https://webflow.com/website/Cloneable-animated-custom-accordion-Webflow-University

Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.