# Accordion Menu Without XML or TWEENLITE

**URL:** <https://forum.kirupa.com/t/accordion-menu-without-xml-or-tweenlite/317079>\
**Category:** flash\
**Created:** [December 9, 2010, 7:18pm UTC](https://forum.kirupa.com/t/accordion-menu-without-xml-or-tweenlite/317079 "2010-12-09T19:18:19Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![cmathison](https://avatars.discourse-cdn.com/v4/letter/c/b2d939/32.png) [@cmathison](https://forum.kirupa.com/u/cmathison)\
**Post date:** [December 9, 2010, 7:18pm UTC](https://forum.kirupa.com/t/accordion-menu-without-xml-or-tweenlite/317079/1 "2010-12-09T19:18:19Z")

</div>

Hello All,

I was wanting to use this code for a project: trouble is I can’t have the file call any extraneous files. Since I am still learning I am not sure how to go about adusting this code. Essentially I need it to function exactly the same but using the AS3 Tween Class in place of Tweenlite. **Any thoughts, help?**

I would be mighty grateful!  
Many thanks in advance!:thumb2:  
C

///////this is the code I would love to alter!/////////  
import gs._;  
import gs.easing._;

panel1.props = {lx:0, rx:570, ind:1};  
panel2.props = {lx:30, rx:600, ind:2};  
panel3.props = {lx:60, rx:630, ind:3};  
panel4.props = {lx:90, rx:660, ind:4};

panel1.addEventListener(MouseEvent.CLICK, onClick);  
panel2.addEventListener(MouseEvent.CLICK, onClick);  
panel3.addEventListener(MouseEvent.CLICK, onClick);  
panel4.addEventListener(MouseEvent.CLICK, onClick);

function onClick(e:MouseEvent):void  
{  
var clicked:MovieClip = MovieClip(e.target);  
for(var i:int=0; i\<numChildren; i++)  
{  
var mc:MovieClip = MovieClip(getChildAt(i));  
if(mc.props.ind \<= clicked.props.ind)  
TweenLite.to(mc, 1, {x:mc.props.lx, ease:Bounce.easeOut});  
else  
TweenLite.to(mc, 1, {x:mc.props.rx, ease:Bounce.easeOut});  
}  
}

///////this is how I am thinking I should go forward////////////  
import fl.transitions.Tween;  
import fl.transitions.easing.\*;  
import fl.transitions.TweenEvent;

panel1.props = {lx:0, rx:570, ind:1};  
panel2.props = {lx:30, rx:600, ind:2};  
panel3.props = {lx:60, rx:630, ind:3};  
panel4.props = {lx:90, rx:660, ind:4};

panel1.addEventListener(MouseEvent.MOUSE\_OVER, onOver);  
panel2.addEventListener(MouseEvent.MOUSE\_OVER, onOver);  
panel3.addEventListener(MouseEvent.MOUSE\_OVER, onOver);  
panel4.addEventListener(MouseEvent.MOUSE\_OVER, onOver);

function onOver(e:MouseEvent):void  
{  
var over:MovieClip = MovieClip(e.target);  
for(var i:int=0; i\<numChildren; i++)  
{  
var mc:MovieClip = MovieClip(getChildAt(i));  
if(mc.props.ind \<= over.props.ind)  
Tween(mc, 1, {x:mc.props.lx, ease:Bounce.easeOut});  
else  
Tween(mc, 1, {x:mc.props.rx, ease:Bounce.easeOut});  
}  
}