Метод .slideDown() плавно показывает скрытые элементы, выкатывая их сверху вниз. Скрыть элементы можно с помощью метода slideUp.
См. также метод show, который показывает элементы.
См. также урок работа с эффектами и анимацией jQuery для более полного понимания.
Синтаксис
Показ за заданное время:
.slideDown(миллисекунды)
Время можно задавать не только в миллисекундах, но и ключевыми словами slow (200 мс) и fast (600 мс):
.slideDown(slow или fast)
Если не указать первый параметр - анимации не будет, элементы будут показываться мгновенно:
.slideDown()
Вторым параметром можно указывать скорость анимации:
.slideDown(миллисекунды, скорость анимации)
После выполнения анимации можно вызвать callback-функцию:
.slideDown(миллисекунды, функция)
Примеры
Пример
Давайте выведем на экран содержимое нашего абзаца:
<p id="test">привет</p>
var text = $('#test').html('пока');
document.write(text);
Результат выполнения кода:
привет