How it works

1. step #1

   Copy the code within the Dropdown Manager Component into your project

   The code can be pasted inside a Webflow embed element, or in the "Before </body> tag" section in Page Settings. It should be placed in all the pages you want to use this custom dropdown functionality to make one or more dropdowns open automatically or after clicking a button, link block or text link.

2. step #2

   Implement in Webflow

   Apply the attributes to the elements inside the page

   Below is a list of elements and options to apply the custom dropdown functionality.
   

   default

   I want this

   Dropdown

   to be opened by default on page load.

   Option

   breakpoint

   I want the custom dropdown functionality to be disabled starting from this breakpoint.

   More attributes to use

   source

   I want this

   Button, Link Block or Text Link

   to open a specific dropdown inside the same page or in another page when clicked.

   target

   I want this

   Dropdown

   to open automatically after a button, link block or text link is clicked inside the same page or in another page.

   group

   I want this

   Div Block

   or

   Collection List

   to identify a group of dropdowns.