jQuery Эффекты Скрыть/Показать

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

Скрыть, Показать, Переключить, Скользить, Исчезать и Использовать анимацию. Здорово!

Щелкните, чтобы показать/скрыть панель

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

У нас можно изучить jQuery в доступном и удобном формате.

Примеры

jQuery эффект hide()
Демонстрирует простой jQuery метод hide().

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

jQuery hide() и show()

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

Пример

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

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

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

Синтаксис:

$(селектор).hide(скорость,обратный_вызов);

$(селектор).show(скорость,обратный_вызов);

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

Опциональный параметр обратный_вызов - функция, которая будет выполняться после того, как метод hide() или show() завершается (Вы узнаете больше о функциях обратного вызова в более поздней статье).

Следующий пример демонстрирует параметр скорости с hide():

Пример

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

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

jQuery метод toggle()

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

Показанные элементы скрываются, а скрытые элементы будут показаны:

Пример

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

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

Синтаксис:

$(селектор).toggle(скорость,обратный_вызов);

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

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как toggle() завершается.

Далее: jQuery - Получение Контента и Атрибутов

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)