8.8. Скрытие и отображение объектов
8.1. Функции
hide
() и
show
(). С ними есть некоторые нюансы (напри-
мер, show показывает изначальное состояние свойства display, поэтому при
загрузке рекомендуют скрыть объект при помощи hide()), но в целом все как
в примере.
Пример. $('#b3').hide()
А затем, скажем, по щелчку, $('#b3').show()
8.2. Имеются различные эффекты – раскрывающиеся списки, слайдеры,
увеличение рисунков (когда-нибудь надо разобрать подробнее)
8.9. Создания слайдера
Рассмотрим пример создания слайдера – блока с контентом, выпол-
зающего по нажатию на конец закладки.
8.9.1. В текст вставляем следующий фрагмент:
Содержимое панели
Справка
9.2. При помощи стилей изначально скрываем панель. Остальные па-
раметры просто описательные – размер, цвет и т.д.
размер отступов будет автоматически рассчитан браузером.-->
54
9.3. Описываем функцию
$(document).ready(function(){
$(".buttontext").click(function(){
$("#panel").slideToggle("normal"); return false;
});
});
Комментарии
Команда
.slideToggle
позволяет чередовать два простых действия: пока-
зать и скрыть. normal – это скорость, означает, что панель выедет за 400
миллисекунд, есть еще fast, slow.
Команда
return false
означает, что мы не даем перейти по ссылке, в каче-
стве которой используется кнопка-закладка. То есть, она просто работает
в качестве удобной ручки, за которую дергают, но не как непосредственно
ссылка.
|
