Streaming live at 10am (PST)

Clicks not working after interaction


#1

My integration are working only once
aiiotech.com/new-home

“our process” click does the


Here is my site Read-Only: aiiotech.com/new-home
(how to share your site Read-Only link)


#2

Hey @robert_saghir

Sorry you haven’t gotten a response yet. Although it looks to me like it is working now. Did you get it figured out? Let me know.

Also next time please also post the read-only link for the project. This is especially helpful when getting advice on interactions.


#3

Hello Matthew,

No its not working.
Here’s the read only link

https://preview.webflow.com/preview/roberts-cool-project-1be9b3?utm_source=roberts-cool-project-1be9b3&preview=15639f2ef7e1b8e8730629b7305ee84d

Thank You,


#4

Hey @robert_saghir

In order for the button interaction to work over and over, the interaction to close the overlay needs to reset all of the parameters that were adjusted when the first interaction happened. Basically returning all elements to the same values as the initial state.

If you don’t want a visible “reverse” of the first animation, then you can reset the values using 0s after hiding the overlay has happened.

Hope that makes some sense and helps. Happy designing.


#5

Hello Mat,

Can you help me further with that? Can you elaborate your idea and tell me how to reset parameters. Just to let you know that this is a simple interaction and not legacy interaction.


#6

Hey @robert_saghir

Let me try and clarify what I meant. Everything that was adjusted or animated during the 1st click interaction needs to be returned by the 2nd click interaction to the way they were before the 1st click. Here’s an over-simplified example.

1st Interaction
Moves div from point A to point B
2nd Interaction
Moves div from point B to point A

It’s kind of like creating two halves of a loop. The way the 1st interaction begins is the way the 2nd interaction ends. A reset so the interaction can happen any number of times.

The easiest way to accomplish this is to duplicate the 1st Interaction, reverse the value to animate back to the initial state, and apply it to the 2nd interaction.

Hope this helps to clear up the thought process.


#7

Yes Mat,
I’ve done this logic and it works good now. but the second time I click the button it doesnt play the same as the first time…
is that an issue that should happen?
check it out
http://aiiotech.com/new-home