JQuery:animate Conundrum

I am having jQuery animation issues... I have a footer with a hidden div on top of it. When someone clicks a button near the header, the div should animate UP. Sort of like sliding

Solution 1:

Here is a page working the way I think you want. I think the main problem was the the expanding div needs to be inside a div that has a height. Here is a page with the expaning div covering other content when it expands.

Check out the code for the Wordpress Sexybookmarks plugin for a good example of this kind of trick.

Solution 2:

I'm guessing your fix is one of these two things:

1. Change position:relative to position:absolute
2. You don't want to actually move .featureBox but rather another element inside of .featureBox (probably a DIV)