Help with Second Click Interaction

Hey everyone, I’ve created a hide and show interaction for my filter tabs, however I have an issue related to the 2nd click part of the interaction. For the moment, I have created a 1st and 2nd click. This way users can click the filter tab once to open, and then click it again to close it (Helps a lot for the UX from what I can tell). Given this, if the user wants to click any other element (like another filter tab), it requires 2 clicks.

I understand that if I were to not have a 2nd click on the tabs, then it would not create this double-click issue, however I really feel it’s necessary to give the user the option to close the tab by clicking the initial trigger.

If anyone has a workaround that allows the users to:

  1. Click the initial tab a second time to close it
    AND
  2. Avoid the double-click issue when clicking any other element

That would be super helpful… I’ve attached the link to my site below.

Thanks, Jake.


Here is my public share link: https://preview.webflow.com/preview/studentlaunched-76f58296cdd288d1c44ddf9?utm_source=studentlaunched-76f58296cdd288d1c44ddf9&preview=8f13a9cc0bbbc2326fabe67d3b20c81a

For anyone with the same issue. The only solution (which took me hours, since I’m not very good at coding haha) would be to create a “fake” button that appears after the trigger element is clicked (and the initial trigger disappears too)… Hard to explain, but just wanted to say there are ways around. If anyone has more specific questions I can try to answer as best I can :slight_smile:

There is a sooo EASY solution! Anyone who comes across this issue, apply the “Mirror Click Events” from the FinSweet Attribute website–>
https://www.finsweet.com/attributes/mirror-click-events . I was up for a few hours scratching my head on this issue. I had just used a couple other attribute solutions from FinSweet and then realized “OMG I seen a mirror click event earlier today” and to my amazement it worked perfect. Follow the instructions on the website, and thankyou so much to FinSweet.

1 Like

Sal, you saved me so much time. Thanks for that link!

1 Like

Yay! You’re very welcome, I’m glad I could help.

I LITERALLY LOVE YOU @SalTheDev

AND I LOVE FINSWEET TOO. HOLY SH*T.

Hi,

I have a similar problem which, sadly, Finsweet Mirror Click doesn’t solve. I need a “kind-of-a” mirror click which would do the second-click interaction on a toggle button. The Finsweet Mirror Click works great to start a first-click interaction, but how can I achieve a mirror click which starts the second-click interaction? Any suggestions?

Thank you!