# Методы fadeOut и fadeIn в jQuery

Методы `fadeOut` и `fadeIn` реализуют плавное исчезновение и появление элемента.

Возьмем следующий HTML код:

`<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; }`

Теперь реализуем методы `fadeOut` и `fadeIn`:

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