# Accordion AS3

**URL:** <https://forum.kirupa.com/t/accordion-as3/309516>\
**Category:** flash\
**Created:** [May 17, 2010, 1:56pm UTC](https://forum.kirupa.com/t/accordion-as3/309516 "2010-05-17T13:56:38Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![simply](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@simply](https://forum.kirupa.com/u/simply)\
**Post date:** [May 17, 2010, 1:56pm UTC](https://forum.kirupa.com/t/accordion-as3/309516/1 "2010-05-17T13:56:38Z")

</div>

I found an AS3 accordion script on the net. Very basic. I did a copy paste but it doesnt work. Tells me onClick is not defined and has no properties.

I need yelp. PLEASE…

------------working code: x & y axis--------------------  
[COLOR=“SeaGreen”]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});  
}  
}  
}[/COLOR]

-------------not working: when i add the “if” line--------------  
[COLOR=“Red”]import gs._;  
import gs.easing._;

video.props = {Ty:105, By:657, ind:3};  
arc.props = {Ty:146, By:698, ind:4};

video.hitArea=video.hitMc;  
arc.hitArea=arc.hitMc;

video.buttonMode=true;  
arc.buttonMode=true;

video.addEventListener(MouseEvent.CLICK, onClick);  
arc.addEventListener(MouseEvent.CLICK, onClick);

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

```
	} else {
		TweenLite.to(mc, 1, {y:mc.props.Ty, ease:Bounce.easeOut});

	}
}

```

## }[/COLOR]

thx in advance