jQuery Effects - Hide and Show
Скрытие, отображение, переключение, скольжение, затухание и анимация. Ой!
Нажмите, чтобы показать/скрыть панель
Because time is valuable, we deliver quick and easy learning.
At HTML5CSS, you can study everything you need to learn, in an accessible and handy format.
jQuery Hide () и Show ()
С помощью jQuery можно скрывать и отображать HTML-элементы с помощью методов Hide () и Show ():
Пример
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Синтаксис:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Необязательный параметр Speed указывает скорость скрытия/отображения и может принимать следующие значения: "медленный", "быстрый" или миллисекунды.
Необязательный параметр обратного вызова — это функция, выполняемая после завершения метода Hide () или Show () (вы узнаете больше о функциях обратного вызова в более поздней главе).
В следующем примере демонстрируется параметр Speed со скрытием ():
Пример
$("button").click(function(){
$("p").hide(1000);
});
jQuery toggle()
С помощью jQuery можно переключаться между методами Hide () и Show () с помощью метода toggle ().
Отображаемые элементы скрыты и отображаются скрытые элементы:
Пример
$("button").click(function(){
$("p").toggle();
});
Syntax:
$(selector).toggle(speed,callback);
Необязательный параметр скорости может принимать следующие значения: "медленный", "быстрый" или миллисекунды.
Необязательный параметр обратного вызова — это функция, выполняемая после завершения переключения ().
Справочник на эффекты jQuery
Для полного обзора всех эффектов jQuery, пожалуйста, перейдите на наш справка на эффект jQuery.