hi all,
im trying to create a slide effect for the side nav and just after that a stagger for the `li` but I'm not sure how to get it done.
i've tried two separate setTween() and also onComplete but i obviously doing something wrong this the animation plays wrong or not at all.
so again, I just want the navbar to slide in when im scrolling to it and immidiatly after i want to `li` (.btns) to animate to
var sideNanFrom =
{
opacity:.3,
width:0,
ease:Elastic.easeOut,
onComplete:sidNavBtnTween
}
var sideNavTo = {
opacity:1,
width:130,
delay:0.4
};
var btnsFrom =
{
scale:0,
opacity:0,
delay:0.9,
ease:Elastic.easeOut
}
var sideNavTween = TweenMax.from("#secondary_nav", 0.6, sideNanFrom, sideNavTo)
var sidNavBtnTween = TweenMax.staggerFrom(".btn", 1.5, btnsFrom, .2 )
side
.setTween(sideNavTween)
.setPin('#secondary_nav ul')
.addIndicators()
.addTo(controller);
}