# How to get a sliding menu to hide once it is outside the site?

**URL:** <https://forum.kirupa.com/t/how-to-get-a-sliding-menu-to-hide-once-it-is-outside-the-site/319522>\
**Category:** flash\
**Created:** [February 23, 2011, 3:24pm UTC](https://forum.kirupa.com/t/how-to-get-a-sliding-menu-to-hide-once-it-is-outside-the-site/319522 "2011-02-23T15:24:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![goldenboy81](https://avatars.discourse-cdn.com/v4/letter/g/71c47a/32.png) [@goldenboy81](https://forum.kirupa.com/u/goldenboy81)\
**Post date:** [February 23, 2011, 3:24pm UTC](https://forum.kirupa.com/t/how-to-get-a-sliding-menu-to-hide-once-it-is-outside-the-site/319522/1 "2011-02-23T15:24:02Z")

</div>

Here is my site, go to “what we do” page:  
[http://acreativebridge.com/](http://acreativebridge.com/)

See how the sliding wooden menu is shown outside when it is not out. How do I hide the section outside the site? Here is my code:

[COLOR=Red]images\_mc.stop();

import fl.transitions.Tween;  
import fl.transitions.easing.\*;  
//var myTween:Tween;

hidden\_btn.alpha = 0;

var rolled\_up = menu\_mc.x;  
trace(rolled\_up);  
var rolled\_out = -240;

function slideout(e:MouseEvent){  
var fresh = menu\_mc.x;  
var myTween:Tween = new Tween(menu\_mc, “x”, Strong.easeOut, fresh, rolled\_out, 1, true);  
hidden\_btn.x=0;  
menu\_mc.menu\_bg\_mc.enabled=false;  
}

function slidein(e:MouseEvent){  
var current = menu\_mc.x;  
var myTween:Tween = new Tween(menu\_mc, “x”, Back.easeOut, current, rolled\_up, 1, true);  
hidden\_btn.x=-1000000;  
menu\_mc.menu\_bg\_mc.enabled=true;  
}

menu\_mc.menu\_bg\_mc.addEventListener(MouseEvent.MOUSE\_OVER, slideout);

hidden\_btn.addEventListener(MouseEvent.MOUSE\_OVER, slidein);

menu\_mc.my1\_btn.addEventListener(MouseEvent.CLICK, mouseClickHandler1); // or MouseEvent.MOUSE\_UP  
menu\_mc.my2\_btn.addEventListener(MouseEvent.CLICK, mouseClickHandler2); // or MouseEvent.MOUSE\_UP  
menu\_mc.my3\_btn.addEventListener(MouseEvent.CLICK, mouseClickHandler3); // or MouseEvent.MOUSE\_UP

function mouseClickHandler1($e:MouseEvent):void  
{  
images\_mc.gotoAndStop(1);

}  
function mouseClickHandler2($e:MouseEvent):void  
{  
images\_mc.gotoAndStop(2);

}

function mouseClickHandler3($e:MouseEvent):void  
{  
images\_mc.gotoAndStop(3);

}[/COLOR]