I'm probably missing something big, but I thought I could take my tweens and just put them in a timelinemax.
regular:
weenMax.to(".primary-tl", .3, {top:"-=14px", left:"-=14px", ease: Quad.easeIn});
TweenMax.to(".primary-br", .3, {bottom:"-=14px", right:"-=14px", ease:Quad.easeIn});
TweenMax.to(".primary-tl", 1.8, {top:"-=200px", left:"-=1200px", rotation:"-50deg", ease: Quad.easeOut, delay:.3});
TweenMax.to(".primary-br", 1.8, {bottom:"-=200px", right:"-=1200px", rotation:"-50deg", ease:Quad.easeOut, delay:.3, onComplete:closeGates});
gates.add(TweenMax.to(".primary-tl", .3, {top:"-=14px", left:"-=14px", ease: Quad.easeIn}));
gates.add(TweenMax.to(".primary-br", .3, {bottom:"-=14px", right:"-=14px", ease:Quad.easeIn}, -.3));
gates.add(TweenMax.to(".primary-tl", 1.8, {top:"-=200px", left:"-=1200px", rotation:"-50deg", ease: Quad.easeOut}));
gates.add(TweenMax.to(".primary-br", 1.8, {bottom:"-=200px", right:"-=1200px", rotation:"-50deg", ease:Quad.easeOut}));
gates.play();
Now i haven't done the timing yet, it's not about lining that up. The problem is they run fine and smooth regular, but as soon as i put them in a timeline they dont' animate at all.. they just jump to the final positions.
help?