Hey!
I like to use the "timelinemax" to create animations for multiple sliding panels but i am having some problems and maybe you can guide me a little.
I created a simple on click animation that is working
var panelTrigger = $j('#account-trigger'),
timeline = new TimelineMax({paused: true, reversed: true});
timeline.fromTo("#account-panel", 0.3,
{x:"100%", ease: Circ.easeInOut},
{x:"0%", ease: Circ.easeInOut});
panelTrigger.on('click', function(){
timeline.reversed() ? timeline.play() : timeline.reverse();
});
But now i have 2 problems:
1. I like to hide/reverse the animation on body click
2. I have several animated items (other panels and things like this) and i want to have only 1 element visible at a time - so when i have the #panel1 opened and click to trigger #panel2 the #panel1 should be hided. Something like separated accordions toggled trough different buttons .
Thank you in advance for all the tips.
Wojtek