jQuery эффекты - скрытие и отображение

Скрытие, отображение, переключение, скольжение, вхождение и выход, а также анимации, ого-го!

Демонстрация эффектов

Нажмите здесь, чтобы скрыть/показать панель

Время деньги, поэтому мы предоставляем вам легкодоступный и понятный контент для обучения.

Здесь, вы можете получить любую информацию, которую вам нужно, в удобном и понятном формате.

Пример

jQuery hide()
Демонстрация простого метода jQuery hide().
jQuery hide()
Еще один пример hide(). Как скрыть часть текста.

jQuery hide() и show()

С помощью jQuery, вы можете использовать методы hide() и show() для скрытия и отображения HTML элементов:

$("#hide").click(function(){
  $("p").hide();
});
$("#show").click(function(){
  $("p").show();
});

Попробуйте сами

Грамматика:

$(выборщик).hide(speed,callback);
$(выборщик).show(speed,callback);

Опциональный speed Параметр определяет скорость скрытия/показа, может принимать следующие значения: "slow", "fast" или миллисекунды.

Опциональный callback Параметр это имя функции, которая выполняется после выполнения скрытия или показа.

Ниже приведен пример с speed Метод hide() параметра:

Пример

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

Попробуйте сами

jQuery toggle()

С помощью jQuery, вы можете использовать метод toggle() для переключения между методами hide() и show().

Показать скрытые элементы и скрыть отображаемые элементы:

Пример

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

Попробуйте сами

Грамматика:

$(выборщик).toggle(speed,callback);

Опциональный speed Параметр определяет скорость скрытия/показа, может принимать следующие значения: "slow", "fast" или миллисекунды.

Опциональный callback Параметр это имя функции, которая выполняется после выполнения метода toggle().

jQuery справочник по эффектам

Для полного доступа к эффектам jQuery, пожалуйста, посетите наш jQuery справочник по эффектам.