Метод fadeToggle у jQuery-у

Метод fadeToggle ради аналогно методу slideToggle, он такође имплементира наизменично приказивање и скривање елемената.

На пример, можемо, кликом на исто дугме, и приказати и сакрити елемент. Хајде да имплементирамо овај метод на следећем HTML коду:

html<button id="toggle">кликни ме</button>
<div id="elem">текст...</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);
});