[Animating full page sections to viewport]

Thank you for helping out it works well!!

[Animating full page sections to viewport]

I am trying to animate full page(100vh) sections to the viewport and its not working. You can view this same demo http://testanim.bitballoon.com/ (click on "x" icon). As you can see the section that animates into view is visible for a few seconds when it is animating and its opacity resets to zero again from the x position.

I would like the section pages to remain visible until I click a button to animate it out of view and sets opacity to zero

I don't know what I am doing wrong . 

 

Regards.

See the Pen jWpWBE by chabzz (@chabzz) on CodePen