Double Click to open Accordion

Hi everyone,

I’m having an issue with my FAQ accordion in Webflow. When I click on the first question for the first time, nothing happens. I have to click twice for it to open. However, after that, it works perfectly with a single click—and all other questions open normally on the first click.


Here is my public share link: Webflow - Markus Scheifl

Has anyone encountered this issue before, and do you have any solutions to fix it?
Any advice would be greatly appreciated! :blush:

Thanks in advance!

Hi Markus,

Double-click issues with accordions typically stem from interaction settings. Here’s how to ensure your accordion works smoothly:

The accordion functionality requires proper dropdown interaction settings on both the accordion item and icon elements. Navigate to the Elements panel, select your accordion elements, and verify that the “Dropdown opens” interaction is configured correctly in the Interactions panel. Make sure there are no conflicting interactions that might cause the double-click behavior.

For optimal performance, check that your accordion trigger element has only one interaction applied and that the timing settings are set to “None” to ensure immediate response.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

I didn’t create a dropdown menu in Webflow but instead built everything using div blocks. I then adjusted these accordingly in the animations, including the symbols/icons.

https://preview.webflow.com/preview/markus-scheifl-9e26d5?utm_medium=preview_link&utm_source=designer&utm_content=markus-scheifl-9e26d5&preview=6564a24a2b451219fef33245d74830e0&workflow=preview

It’s a pain to debug someone else’s interactions, but I’m taking a peek.
One of the common problems is incorrect use of initial state.

This is a quick guess and a direction for you to check into-

Initial state is set automatically, applied from all interactions to the targeted elements, when the page loads ( or you enter preview mode ).

You have initial state set for your Accordion V2 Open 2 - good
You do NOT have initial state set for Accordion V2 Closes 2 - also good, it would conflict

Glancing around I also see initial state settings on Accordion V2 Closes, which you’re not currently using here. Most likely, Webflow JS is running those at page load as well.

Weirdly there isn’t any way to disable interactions into a “draft” state, so you’d have to delete them or at least remove the initial state. Watch out for other interactions as well that might affect these elements.