# Методы slideUp и slideDown в jQuery

Методы `slideUp` и `slideDown` позволяют сделать "закатывание" и "выкатывание" элемента обратно (параметром они также принимают время исполнения эффекта, если его не указать - возьмется время по умолчанию, `400мс`). Как это выглядит - смотрите на следующем примере.

Пусть у нас есть две кнопки и `div`:

`<button id="hide">hide</button> <button id="show">show</button> <div id="elem">text...</div>`

CSS выглядит так:

`#elem { padding: 10px; width: 150px; height: 150px; border: 1px solid green; margin-top: 10px; }`

Теперь прописываем методы `slideUp` и `slideDown`:

`$('#hide').click(function() { $('#elem').slideUp(1000); }); $('#show').click(function() { $('#elem').slideDown(1000); });`
← →
↑