I am trying to create a menu that slides up when a button is clicked.

I looked at a lot of tutorials of animate and slide but nothing works for me.

I hope someone can help.

What I need is a button that says: Click for Menu and when this button is clicked I need the menu (ul list) to display above the button and on top of the content under it. So I don't want the content to move.

For example:

<div id="content">
Text for content here

<ul class="menu">
    <li><a href="about">A</a></li>
    <li><a href="about">B</a></li>
    <li><a href="about">C</a></li>
<a href="#">Click for Menu</a>

When the Click for Menu link is clicked the menu will slide from the button up above everything.

Hope you understand what I mean.

Can someone please help?

Thank you very much, that helped.