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