Dropdown Opened On Page Load

An attributes-only solution to open a dropdown by default.

Component Update

How it works

  1. step #1

    Copy the Opened Dropdown main <script> and paste it into the <head> of your page

    The page you have to copy-paste the main script into is the one hosting the dropdown that needs to be opened.

    <!-- [Webflow Friendly Components by Francesco Castronuovo] Opened Dropdown On Page Load -->
    <script async src="https://cdn.jsdelivr.net/gh/francesco-castronuovo/opened-dropdown@1.3.0/main.js"></script>
    Copy Script

    (Optional) Copy the Opened Dropdown toggle <script> and paste them into the <head> of your page

    You have to copy-paste the toggle script in all the pages hosting the buttons, link blocks or text links you want to use as toggles for the dropdowns.

    <!-- [Webflow Friendly Components by Francesco Castronuovo] Opened Dropdown On Page Load -->
    <script async src="https://cdn.jsdelivr.net/gh/francesco-castronuovo/opened-dropdown@1.3.0/toggle.js"></script>
    Copy Script
  2. step #2

    Implement in Webflow

    Apply the attributes to the elements inside the page

    Below is a list of elements and options to create the infinite marquee functionality.

    default
    I want this Webflow
    Dropdown
    to be opened by default on page load.

    More attributes to use

    toggle
    I want this
    Button, Link Block or Text Link
    inside another page to open a specific dropdown when clicked.

Frequently asked questions

We're here to help with any questions you have about plans, pricing, and supported features.

Workspace & Site plans

What's a Workspace?

Frequently asked questions

We're here to help with any questions you have about plans, pricing, and supported features.

Workspace & Site plans

What's a Workspace?