Toggle в jQuery просто означает встроенный метод, который можно применить к любому элементу на странице; он используется, чтобы скрыть или показать этот конкретный элемент. Кнопка, которая используется для переключения , перемещается по тексту, чтобы скрыть его.
При повторном нажатии кнопка возвращается в исходное положение и показывает текст.
Синтаксис
метод переключения имеет синтаксис, показанный ниже:
$ (селектор) .toggle (скорость, замедление, обратный вызов) ;
Параметры
-
speed: Это может быть указано в миллисекундах или в текстовом вводе как «медленно» или «быстро. ”. Скорость определяет скорость, с которойпереключательбудет скрывать или отображать текст. -
easing: имеет два возможных входных значения: «свинг» или «linear» , причем первое из них значение по умолчанию. Это значение определяет, будет ли весьтумблерработать с одинаковой скоростью (т. Е. Линейно) или будет увеличиваться скорость в середине (т. Е. Раскачивание). -
обратный вызов: это просто метод, который можно вызвать для выполнения после переключения
Примечание. Все три из этих параметров являются необязательными. .
Теперь, когда мы знаем, как работает метод, давайте рассмотрим различные реализации метода ниже!
Примеры
1. Простое переключение
В примере ниже показано, как просто использовать метод toggle
- HTML
2. Добавление задержки
В примере ниже показано, как добавить задержку в метод toggle .. В этом примере мы добавили задержку в 2 секунды
- HTML
3. Добавление задержки без использования чисел
В приведенном ниже примере показано, как использовать функцию delay , используя встроенные текстовые значения, вместо того, чтобы указывать ограничение по времени
- HTML
4. Использование свойства easing
В примере ниже показано, как изменить свойство easing метода toggle на linear , и как добавить задержку в несколько секунд.
- HTML
5. Использование обратного вызова
В примере ниже показано, как метод обратного вызова может быть реализован в методе toggle после его выполнения
- HTML
