Methode fadeToggle in jQuery

Die Methode fadeToggle funktioniert ähnlich wie die Methode slideToggle, sie implementiert ebenfalls einen Wechsel der Effekte: mal wird das Element angezeigt, mal wird es ausgeblendet.

Zum Beispiel können wir, indem wir auf denselben Knopf drücken, ein Element sowohl anzeigen als auch ausblenden. Lassen Sie uns diese Methode anhand des folgenden HTML-Codes implementieren:

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

Der CSS-Code soll so aussehen:

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

Wir schreiben den folgenden Javascript-Code:

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