Question

This code switches visibility of a form:

function getStyle()
{
    var temp = document.getElementById("frm01").style.display;
    return temp;
}
function switch01()
{
    var current = getStyle();
    if( current == "none" )
    {
        document.getElementById("frm01").style.display = "block";
    }
    else
    {
        document.getElementById("frm01").style.display = "none";
    }
}

If the form becomes visible, the underlying div is pushing down on the page and vice versa.
How could I achieve that form becomes visible slowly, not in a second, but like a sliding effect.

Answer 1

You can do this in jQuery very easily. This will work in all browsers.

$("#frm01").slideDown("slow", function() {
    // if you want to have some callback behavior, define that here
});

$("#frm01").slideUp("slow", function() {
    // if you want to have some callback behavior, define that here
});