First of all i want to say that GSAP is awesome! Pleasuring to use it, don't know now how things will be done without it..
So the problem where i had stuck is next:
First imagine page, with content, images, svg elements, and they are animated on start by css, let's say - "initial sliding animation".
Then we have next:
We have two visual blocks.
On click the block expands => "Triangle button" become visible. => Content inside it changes and animates => Content under it becomes visible, and we can scroll the page. ("Triangle button" have fixed position)
When clicking "Triangle button" we need to show another block, and doesn't matter at what point of page we currently are, block should slide in.
Plus we need hover animation.
So the questions:
Is there a way to play timeline to some point on mouseenter and play back on mouseleave, and if we click on it it expands fully?
Now i haven' t any idea how to implement opening of another side when we scrolled already at some point on page. Hope you may help.
Thanks a lot!