Закатывание и выкатывание
Методы slideUp
и slideDown
позволяют сделать закатывание
и выкатывание
элемента обратно (параметром они также принимают время исполнения эффекта, если его не указать - возьмется время по умолчанию, около половины секунды). Как это выглядит - смотрите на следующем примере:
<button id="hide">Спрятать</button>
<button id="show">Показать</button>
<div id="elem">Блок с текстом.</div>
<script>
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});
</script>
Закатывание и выкатывание одной кнопкой
slideToggle
это одновременно slideUp
и slideDown
. Работает так, если элемент скрыт показывает его, если показан скрывает. Удобство в том, что все можно повесить на одну кнопку, а не на две. По нажатию на кнопку элемент будет то скрываться, то показываться:
<button id="toggle">Нажми на меня</button>
<div id="elem">Блок с текстом.</div>
<script>
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
</script>