Hi folks,
complete beginner to gsap and html coding.
Maybe this is a stupid question, but what i am trying to create is a connection between two things with a bar or sth. similar.
On click: it shall expand to the other side and on a second/other button the whole bar shall move to the other side.
I tried a few things but did not get the desired result.
However when clicking on the Button (Back) to go to the other side while it is still expanding it shall not decrease its width!
So reducing the width during the animation process is not desired.
So to speak: the bar has to stop at the other submit button and shall not go beyond when pressing the goBack button within 2 seconds:
Press "Submit" on the left side, press "back Left" within 2 sec. results in blue bar goes beyond submit
Desired result: Press "Submit" on the left side, press "back Left" within 2 sec. : blue bar stops at/near submit wihtout growing thinner or changing the width during the process. (Only at the submit button).
So first decrease the width when it reached the other Submit button.
I hope you guys understand what I'm trying to tell...