jQuery эффект - метод slideToggle()

jQuery 效果参考手册

Пример

Переключение между видимым и скрытым состоянием элемента <p> с помощью эффекта скольжения:

$(".btn1").click(function() {
  $("p").slideToggle();
});

Попробуйте сами

Определение и использование

Метод slideToggle() использует эффект скольжения (изменение высоты) для переключения видимости элементов.

Если выбранный элемент виден, скрыть эти элементы, если выбранный элемент скрыт, показать эти элементы.

Синтаксис

$().slideToggle(speed,callback)
Параметры Описание
speed

Опционально. Определяет скорость перехода элемента из скрытого в видимое (или наоборот). По умолчанию "normal".

Возможные значения:

  • Миллисекунды (например, 1500)
  • "slow"
  • "normal"
  • "fast"

При установке скорости, во время переключения элемента, его высота будет постепенно изменяться (что создаст эффект скольжения).
callback

Опционально. Функция, которая будет выполнена после выполнения функции toggle.

Чтобы узнать больше о callback, пожалуйста, посетите нашу главу о jQuery Callback.

Параметр speed не может быть установлен, если не был задан параметр speed.

Советы и комментарии

Совет:Если элемент уже скрыт, эффект не вызывает изменений,除非 был указан callback-функция.

Более примеров

Использование параметра speed
Использование параметра speed для переключения между скрытием и отображением элементов с помощью скольжения.

jQuery 效果参考手册