Страницы

Поиск по вопросам

понедельник, 1 апреля 2019 г.

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

Добрый день! Есть такой скрипт, который скрывает форму-блок, а при клике на ссылку показывает её, вопрос в том как сделать показ скрытого блока плавным, чтобы после клика форма-блок плавно разъезжалась, нужно желательно то что есть модифицировать, без привлечения библиотек. Вот то, что есть сейчас: 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 указывать время нужное на раздвижение и т.д. Подскажите, пожалуйста:)


Ответ

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

Комментариев нет:

Отправить комментарий