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

Методы эффектов jQuery

Метод toggle() вhide()иshow()Переключение между методами.

Этот метод проверяет видимость выбранного элемента:

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

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

Внимание:Скрытые элементы больше не влияют на макет страницы.

Синтаксис:

$(selector).toggle(duration, easing, callback)

Пример

Переключение между hide и show всех элементов <p> при нажатии на кнопку:

$("button").click(function(){
　　$("p").toggle();
});

ИспользованиеdurationПараметры:

$("button").click(function(){
　　$("p").toggle(1500);
});

ИспользованиеcallbackПараметры:

$("button").click(function(){
　　$("div").toggle(1500, function(){
　　　　alert("toggle（）эффект завершен!!!");
　　});
});

Создайте анимацию для всех тегов (в данном примере - слов) для быстрого скрытия/показа и завершения каждого анимации в 200 миллисекунд:

$("button").click(function(){
　　$("span:first-child").toggle("fast", function(){
　　　　$(this).next().toggle("fast", arguments.callee);
　　});
});

Значение параметра

Методы эффектов jQuery