Добрый день! Есть такой скрипт, который скрывает форму-блок, а при клике на ссылку показывает её, вопрос в том как сделать показ скрытого блока плавным, чтобы после клика форма-блок плавно разъезжалась, нужно желательно то что есть модифицировать, без привлечения библиотек. Вот то, что есть сейчас:
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
Ответ
Т.к. сейчас уже 2013 год, большинство браузеров поддерживают CSS3 Transition, поэтому используйте их: http://jsfiddle.net/FtL6G/
Комментариев нет:
Отправить комментарий