Help with showing/hiding content with sliding effect
okay...so, currently i'm trying to create an animation for some content based on the navigation link the end-user selects.
When the page loads, basically just my header, navigation and footer will be displayed. When a visitor clicks the About link, I want the div that holds that content to display in a sliding motion, pushing down the footer.
Then when a user clicks on the portfolio link, i want the "About" content div to slide up, and hide itself, and then have the "Portfolio" content div to slide down.
I've been toying with it but am having no luck. I have the slide-in functionality, but the clicking of the links doesn't do what i want them to do.
Here's a very simple version of what i've done so far: