slideDown() - отображает объект, опуская его вниз.
slideUp() - скрывает объект, поднимая его вверх.
Пример работы скрипта Чтобы увидеть ссылку - зарегистрируйтесь
Используется так же как и 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>
