wojtek

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