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:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Der CSS-Code soll so aussehen:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Wir schreiben den folgenden Javascript-Code:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});
