On Reverse Complete Delay?

[valente97]

Hello I don't know if its possible to do but, i wanted to know if i could add a delay to the 'onReverseComplete' ?

 

the way i have it is 

var menuOpen = new TimelineMax({paused: true, onReverseComplete:menuFinishClose})

and in the function it calls i made it set the width and height using just the standard jQuery .width and .height as a px because using the  .reverse it sets the width in % which i don't want it to.

 

I'd like to have a negative delay because it looks a bit clunky the way it jumps back after the animation is done

 

Any help on this is much appreciated

[Carl]

It's tough to diagnose without a demo but one way would be to make your onReverseComplete fire a delayedCall() like

var menuOpen = new TimelineMax({paused: true, onReverseComplete:wait})

function wait() {
  TweenLite.delayedCall(1, menuFinishClose);
}

You might also be able to just put your first tween at a time of 1 and then pause your timeline at time of 1 like 

menuOpen.pause(1) // where first tween starts. then when you reverse there will be 1 second of dead time between the first tween reversing and the onReverseComplete firing.

[valente97]

It's tough to diagnose without a demo but one way would be to make your onReverseComplete fire a delayedCall() like

var menuOpen = new TimelineMax({paused: true, onReverseComplete:wait})

function wait() {
  TweenLite.delayedCall(1, menuFinishClose);
}

You might also be able to just put your first tween at a time of 1 and then pause your timeline at time of 1 like 

menuOpen.pause(1) // where first tween starts. then when you reverse there will be 1 second of dead time between the first tween reversing and the onReverseComplete firing.

 

Thanks Carl sorry about not including it, since it was just the delay i didnt think you would need it