Плавное раскрытие div-а

#div #javascript #html

Добрый день! Есть такой скрипт, который скрывает форму-блок, а при клике на ссылку
показывает её, вопрос в том как сделать показ скрытого блока плавным, чтобы после клика
форма-блок плавно разъезжалась, нужно желательно то что есть модифицировать, без привлечения
библиотек. Вот то, что есть сейчас:
function toggleInformer()   
{       
// ищем нужный нам тег информера
var elm = document.getElementById("informer");

    // если тег найден, обрабатываем его
if(elm)
{
    // меняем видимость элемента на противоположную
    if(elm.style.display == "block")
    {
        elm.style.display = "none";
        document.getElementById("button").innerHTML= '+ развернуть ↓';
    }
    else
    {
        elm.style.display = "block";
        document.getElementById("button").innerHTML= '- спрятать ↑';

    }

}

}
и html 

 Регистрация
 

  тут форма
 


Я думаю, что нужно что-то тут elm.style.display указывать время нужное на раздвижение
и т.д. 
Подскажите, пожалуйста:)    

Ответы

Ответ 1

Т.к. сейчас уже 2013 год, большинство браузеров поддерживают CSS3 Transition, поэтому
используйте их: http://jsfiddle.net/FtL6G/