Страница 1 из 1

Эффекты slideDown() и slideUp()

Добавлено: 24 мар 2011, 22:06
Александр
Эффекты slideDown() и slideUp()

slideDown() - отображает объект, опуская его вниз.
slideUp() - скрывает объект, поднимая его вверх.

Пример работы скрипта http://flapps.ru/example/jquery/slidedown-slideup.html

Используется так же как и show() и hide(), только эффект скрытия и отображения другой.

Код: Выделить всё

<html><head><title>jquery slidedown slideup</title><script src="js/jquery-1.5.1.min.js" type="text/javascript"></script><script type="text/javascript">$(function (){      // при клике на hide_btn    $('#hide_btn').click(function() {         // скрываем элемент с id="block"        $('#block').slideUp();     });     // при клике на show_btn    $('#show_btn').click(function() {         // показываем элемент с id="block"        $('#block').slideDown();     });});</script></head><body><input type="button" id="hide_btn" value="Скрыть" /><input type="button" id="show_btn" value="Показать" /><div id="block">Скрывать и показывать будем этот блок</div><br /><a href="http://flapps.ru">http://flapps.ru</a></body></html>