Метод .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);

Результат выполнения кода:

привет