# Accordion menu

**URL:** <https://forum.kirupa.com/t/accordion-menu/298100>\
**Category:** Uncategorized\
**Created:** [October 13, 2009, 6:42pm UTC](https://forum.kirupa.com/t/accordion-menu/298100 "2009-10-13T18:42:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Raccoon](https://avatars.discourse-cdn.com/v4/letter/r/f19dbf/32.png) [@Raccoon](https://forum.kirupa.com/u/Raccoon)\
**Post date:** [October 13, 2009, 6:42pm UTC](https://forum.kirupa.com/t/accordion-menu/298100/1 "2009-10-13T18:42:25Z")

</div>

[FONT=Arial][SIZE=2][COLOR=#000000]Hello, I’m making an accordion menu with teewnlite,[/COLOR][/SIZE][/FONT]i resolve the script and now works,

```auto

import gs.TweenLite;
import gs.easing.*;

content_mc.stop();

/ **************Slide Menu************** /
var invisible_menu : Number = menu_mc2.y
var visible_menu : Number = menu_mc2.y

//Rollover btn1

menu_mc.addEventListener(MouseEvent.ROLL_OVER,showMenu);
menu_mc.addEventListener(MouseEvent.ROLL_OUT,hideMenu);

function showMenu(event:MouseEvent) :void{
    visible_menu = 100
    TweenLite.to(menu_mc2, .2, {y:visible_menu,ease:Linear.easeIn});
    visible_menu = 128
    TweenLite.to(menu_mc3, .2, {y:visible_menu,ease:Linear.easeIn});
}

function hideMenu(event:MouseEvent):void {
    invisible_menu = 28
    TweenLite.to(menu_mc2, .4, {y:invisible_menu,ease:Linear.easeOut});
    invisible_menu = 56
    TweenLite.to(menu_mc3, .4, {y:invisible_menu,ease:Linear.easeOut});
}

//Rollover btn2

menu_mc2.addEventListener(MouseEvent.ROLL_OVER,showMenu1);
menu_mc2.addEventListener(MouseEvent.ROLL_OUT,hideMenu1);

function showMenu1(event:MouseEvent) :void{
    visible_menu = 128
    TweenLite.to(menu_mc3, .2, {y:visible_menu,ease:Linear.easeIn});
}

function hideMenu1(event:MouseEvent):void {
    invisible_menu = 56
    TweenLite.to(menu_mc3, .4, {y:invisible_menu,ease:Linear.easeOut});
} 

```

Now, how can I simplify the code, if possible ?  
sample in the file

thank you