jQuery событие - метод toggle()

Референс-руководство по событиям jQuery

Пример

Переключение различных цветов фона:

$("p").toggle();
  function(){
  $("body").css("background-color","green");
  function(){
  $("body").css("background-color","red");},
  function(){
  $("body").css("background-color","yellow");}
);

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

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

Метод toggle() используется для привязки двух или более обработчиков событий для реакции на轮流ое нажатие на выбранный элемент.

Этот метод также можно использовать для переключения hide() и show() Метод.

Привязка двух или более функций к событию Toggle

Переключение между двумя или более функциями при нажатии на указанный элемент.

Если указано два или более функций, то метод toggle() будет переключать все функции. Например, если существует три функции, то при первом нажатии вызывается первая функция, при втором нажатии вызывается вторая функция, при третьем нажатии вызывается третья функция. При четвертом нажатии снова вызывается первая функция и так далее.

Синтаксис

$(выбиратель).toggle(function1(),function2(),functionN(),...)

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

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

Переключение Hide() и Show()

Проверка видимости каждого элемента.

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

Синтаксис

$(выбиратель).toggle(speed,callback)

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

Параметры Описание
speed

Опционален. Определяет скорость эффекта hide/show. По умолчанию это "0".

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

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

Опционален. Функция, которая выполняется после завершения работы метода toggle().

Чтобы узнать больше о callback, пожалуйста, посетите наш Уроки по Callback функциям.

Показывать или скрывать элементы

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

Синтаксис

$(выбиратель).toggle(switch)

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

Параметры Описание
switch

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

  • true - показать элемент
  • false - скрыть элемент

Референс-руководство по событиям jQuery