# Метод fadeToggle в jQuery

Метод `fadeToggle` работает аналогично методу `slideToggle`, он тоже реализует чередование эффектов: то показывает элемент, то скрывает.

Например, мы можем, нажимая на одну и ту же кнопку и показать и скрыть элемент. Давайте реализуем данный метод на следующем HTML коде:

`<button id="toggle">click me</button> <div id="elem">text...</div>`

Пусть CSS выглядит так:

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

Прописываем следующий Javascript код:

`$('#toggle').click(function() { $('#elem').fadeToggle(1000); });`
← →
↑