<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 ?

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/

Member Avatar for diafol

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 ;-)

commented: it came up on the list didn't even look at the date +4
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.