De fadeToggle-methode in jQuery

De methode fadeToggle werkt op dezelfde manier als de methode slideToggle, het implementeert ook een afwisseling van effecten: het toont het element en verbergt het.

We kunnen bijvoorbeeld, door op dezelfde knop te klikken, het element tonen en verbergen. Laten we deze methode implementeren op de volgende HTML-code:

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

Laat de CSS er als volgt uitzien:

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

We schrijven de volgende Javascript-code:

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