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

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

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

Так как время дорого, мы предоставляем учебные материалы быстро и без задержек.

На нашем сайте вы найдете самые разнообразные учебные материалы в удобном формате.


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 – это функция, которая выполняется после того, как метод hide() или show() завершит работу (подробнее о таких функциях будет рассказано в следующих главах).

В следующем примере в методе hide() задается параметр speed в миллисекундах:


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

jQuery метод toggle()

Также, между состояниями "скрыть" и "показать" можно переключаться при помощи метода toggle().

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


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

Синтаксис:


$(селектор).toggle(speed,callback);

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

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