How to make footer slide up like

Hi there,

I wonder if anyone can point me to the direction of how to make a footer section slide up and replacing the header with a registration form like

I would like to integrated this feature into my site.

Thanks in advance.

You should look at jQuery. When you click the button/link in the footer, hide( $(“#yourDivID”).css(“display”,“none”)) the header part and the part with the button/link. Then do a slide up on yor footer ( $(“#yourDivID”).slideUp(“slow”)).
Have your footer part hidden from the start with css display:none; and it will be visible when you call slidUp.