How to slide div from bottom to top (upside)

[vizz]

<div id="wrapper">

    <div id="header">
      <p>This is the Header</p>
    </div>

    <div id="navigation"> 
      <p>This is the Navigation</p>		 
      <a href="#">Home</a>
      <a href="#">About</a>
      <a href="#">Contact</a>
    </div>
   
    <div id="content">
      <p>This is the main content</p>
    </div>
    
   <div id="footer">
     <p>This is the Footer</p>
   </div> 
  
</div>

This is my HTML code. I have menus in navigation div. Content div is hidden with

#content { 
             display: none;
            }

How to slide up content div from bottom to upside using javascript or jquery when clicked on menus inside navigation div ?

[pritaeas]

http://api.jquery.com/slideUp/

[vizz]

I have tried that but not working.
My div "#content" is hidden which I want to display with sliding upside from bottom

http://api.jquery.com/slideUp/

[jstfsklh211]

http://api.jquery.com/slideUp/
is used for hiding elements it decreases the element hight

technically you would want to use
http://api.jquery.com/slideDown/
which increases element hight

This thread has been inactive for 2 years. Unless there is a fresh related question, may we leave it in peace and not resurrect it? Thanks.

//EDIT - not directed at you jstfsklh211 - I had to delete a few nonsense posts for a couple of numpties ;-)