Gsap Reverse animation issue

[Adesh]

How can i do reverse animation on text out animation?

 

After the click on next or prev button, I need change order of slide down aniamtion which need to start from the button.

 

Can anyone help me on this??

 

Also I am facing 3 more issue on same slider which is listed below.
1) I need to add slider dots to jump slides but i am getting error.
2) I need to add prev, next arrow HTML into all separate slides, Because i need to add text instead of arrow and it will change based on slide.

3) I need to change slide using drag.

I am beginner on the Greensock, Please help me on the above points, It's a lot to me!
Thanks,

See the Pen yLEMVbZ by Adesh-Evince (@Adesh-Evince) on CodePen

[mvaneijgen]

Sliders are really complicated and need a lot of Javascript logic to function correctly. 

 

I've build a starter template for my self which has next/prev buttons, dots navigation and its draggable. I've made this as a jumping off point to modify when I need to, maybe it helps you find a solution for your problem.

 

See the Pen GREebPK by mvaneijgen (@mvaneijgen) on CodePen

 

Here is an example with a more fancy animation, but the logic is the same.

 

See the Pen YzQZBgr by mvaneijgen (@mvaneijgen) on CodePen

 

I've tried and placed comments in my code to make it more readable, hope it helps and happy tweening! 

 

[Adesh]

Can you please update my logic?
I can't understand your logic.
Is it possible?

[mvaneijgen]

Hey sorry, no that is not what this forum is for. You are welcome to post in the "Jobs & Freelance" forum for paid consulting, if that is what you are lookin for. 

[Rodrigo]

Hi,

 

For detecting mouse/pointer/touch events you can use the Observer Plugin in order to execute your code and GSAP animations:

https://greensock.com/docs/v3/Plugins/Observer

 

Happy Tweening!