Hello
I'm trying to find how to reverse all sibling tweens when clicking on one of them and then play its tween.
Any Idea?
Thanks
$j('.menu_link_parent').each(function(index, el) {
var $this = $j(this);
var subMenu = $this.find('div.submenu');
var timeLine = new TimelineMax ({
paused: true,
reversed: true,
align: 'sequence',
});
var anim =
timeLine.staggerFromTo( subMenu, 0.3, {
rotationX : 90,
autoAlpha : 0
}, {
rotationX : 0,
autoAlpha : 1,
onStart : app.fn.common.makeVisible($j('.tw')),
onStartParams : $j('.tw'),
}, 0.3, '-=0.3' );
$this.on('click', function(event) {
event.preventDefault();
event.stopPropagation();
/* TODO : REVERSE ALL SIBLINGS FIRST */
anim.reversed() ? anim.play() : anim.reverse();
});
});