Метод fadeToggle в jQuery

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

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

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

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

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

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

javascript$('#toggle').click(function() {
  $('#elem').fadeToggle(1000);
});