пример
Переключение между режимами скрытия и отображения для всех <p> элементов:
$("button").click(function(){
$("p").toggle();
});
Попробуй сам " Определение и использование
toggle() метод переключения между hide() и show() для выбранных элементов.
Этот метод проверяет выбранные элементы для видимости. show() выполняется , если элемент скрыт. hide() выполняется , если элемент виден - Это создает эффект переключения.
Примечание: Скрытые элементы не будут отображаться на всех (больше не влияет на макет страницы).
Подсказка: Этот метод также может быть использован для переключения между пользовательскими функциями.
Синтаксис
$(selector).toggle(speed,easing,callback)| параметр | Описание |
|---|---|
| speed | Необязательный. Определяет скорость скрыть / показать эффект Возможные значения:
|
| easing | Необязательный. Определяет скорость элемента в разных точках анимации. Значение по умолчанию "swing" Возможные значения:
|
| callback | Необязательный. Функция , которая будет выполнена после того , как toggle() метод завершается Чтобы узнать больше о обратный вызов, посетите наш JQuery Callback главу |
Попробуйте сами - Примеры
toggle() - С помощью параметра скорости
Как использовать параметр скорости для определения скорости скрыть / показать эффект.
toggle() - С помощью параметра обратного вызова
Как использовать параметр обратного вызова при переключении между скрыть / показать эффект.