How to create sliding DIV on click?

Question

I am looking to create a slide out DIV, like the one here when you press \"Contact\". Does anybody know of anything similar to this?

Answer 1

Making use jQuery's slideToggle() method could help you do this.

Example

HTML:

    Contact me!

Contact

CSS:

#contact
{
    display: none;
    background: grey;
    color: #FFF;
    padding: 10px;
}

JavaScript:

$(function()
{
     $("a#toggle").click(function()
     {
         $("#contact").slideToggle();
         return false;
     }); 
});