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

Руководство по эффектам jQuery

Пример

Переключение состояния видимости и скрытия элемента <p>:

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

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

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

Метод toggle()切换元素的可见状态.

Если выбранные элементы видны, они будут скрыты, если они скрыты, они будут отображены.

Синтаксис

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

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

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

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

В случае установки скорости, элементы будут постепенно изменять свою высоту, ширину, внешние и внутренние отступы, а также прозрачность в процессе перехода от видимого к скрытому и наоборот.

Если установлен этот параметр, то нельзя использовать параметр switch.
callback

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

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

Этот параметр можно установить только при наличии параметра speed.
switch

Опционально. Булево значение. Определяет, скрывать или отображать все выбранные элементы.

  • True - Отобразить все элементы
  • False - Скрыть все элементы

Если установлен этот параметр, то нельзя использовать параметры speed и callback.

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

Комментарии:Этот эффект подходит для элементов, скрытых с помощью jQuery, или элементов, для которых в CSS установлено display:none (но не для элементов с visibility:hidden).

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

Используйте параметр speed
Используйте параметр speed для скрытия и отображения элементов.
Используйте параметр switch
Используйте параметр switch для отображения всех скрытых абзацев.

Руководство по эффектам jQuery