Small delay on timeline reverse()

[icraft-websites 2 Likes (Newbie)]

Hey forums, I've just started using TimelineMax and have put together a small sequence. But when I click to play it in reverse there is a small 1 second delay before it moves any animation yet when I click to play it forward there is no delay. This is what I have got. 

 

 var aboutMenuTimeLineIn = new TimelineMax({paused: true});

 

 buildMenuTimeline();

 

 function buildMenuTimeline(){

        var menu = $('.popup-menu-container');

        var overlay = menu.prev();

 

        aboutMenuTimeLineIn.to(overlay, 0.3 ,{autoAlpha: 1})

        .to(menu,.5, {

            autoAlpha: 1,

            top: 0,

            ease:Quint.easeIn})

        .to(menu,.5, {

            width: 800,

            ease:Quint.easeIn

        })

        .to([menu.find('.menu-option'), menu.find('.menu-close-box')], 0.1, {

            autoAlpha:1

        });

    }

 

    self.openMenuPopup = function(){

        aboutMenuTimeLineIn.play();

    };

 

    self.closeMenuPopup = function(){

        aboutMenuTimeLineIn.reverse();

    };

 

[jamiejefferson 1,185 Likes (Superhero)]

To be honest that shouldn't be happening, so maybe something else is going on to cause the delay you mention. We'd need to see it in action to figure out what that is.

 

Thanks for the code sample, but a live sample we can test and play with is what we really need

http://forums.greensock.com/topic/9002-read-this-first-how-to-create-a-codepen-demo/