Metod fadeToggle u jQuery

Metod fadeToggle radi analogno metodu slideToggle, on takođe realizuje naizmenično izvođenje efekata: ponekad prikazuje element, ponekad ga skriva.

Na primer, možemo, klikom na isto dugme i da prikažemo i da sakrijemo element. Hajde da realizujemo ovaj metod na sledećem HTML kodu:

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

Neka CSS izgleda ovako:

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

Propisujemo sledeći Javascript kod:

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