jQuery функция .toggle()

Раздел: Эффекты jQuery

Описание: Тумблер - Показать или Скрыть элемент

Данная функция объединила в себе методы .show() и .hide()

Функция может не принимать никаких аргументов.

Обработчик события может быть прикреплен к div

Функция выполняется каждый раз при нажатии на элемент.

Опции: .toggle([продолжительность] , [ ослабление ] , [ функция ])

  1. Продолжительность - скорость эффекта
  2. Ослабление- функция смягчения для перехода.
  3. Функция вызываемая после завершения анимации.

Ослабление необязательная опция, по умолчанию swing, с постоянной скоростью, называется linear

Длительность приведена в миллисекундах; более высокие значения указывают на более медленную анимацию, а не побыстрей. Строки 'fast' и 'slow' могут быть поставлены для обозначения длительностей 200 и 600 МС, соответственно.

html:
<div id="target">
 <p>Блок с текстом</p> 
 <p>With no parameters, the .toggle() method simply toggles the visibility of elements:</p>
</div>
javascript:
 // Без параметров
 $( "#target" ).toggle();
 // Продолжительность 2 секунды 
 $( "#target" ).toggle(2000);
 // Вызов функции после окончания анимации 
 $( "#target" ).toggle('slow', function() {
 // Animation complete.
 });

Живые примеры

Блок с текстом

With no parameters, the .toggle() method simply toggles the visibility of elements:

Живые примеры