Menu Slider using Javascript.

We can find many web sites which do menu’s hide and provide an option for viewers to click on a button to open menu list.
That too the menu list moves from Top to bottom or Left to right. Again when user clicks on hide button the menu list moves in opposite direction.
I would like to share my java script code that does this stuff.
Ex:-
I am creating a sample html page whose content is to display menu, 2 buttons (Slide in and Slide out).


Output:
Clicking on slide out button


Clicking on slide in button

Slide is closed