Methode hide
Die Methode hide blendet Elemente sanft aus. Elemente können
mit der Methode
show
eingeblendet werden.
Syntax
Verschwinden über eine festgelegte Zeit,
standardmäßig 400ms:
.hide(Dauer);
Die Zeit kann nicht nur in Millisekunden angegeben werden,
sondern auch mit den Schlüsselwörtern slow (600ms)
und fast (200ms), je größer der Wert,
desto langsamer die Animation:
.hide('slow' oder 'fast');
Wenn keine Parameter angegeben werden - erfolgt keine Animation, die Elemente werden sofort ausgeblendet:
.hide();
Es kann auch als zweiten Parameter eine Übergangsfunktion übergeben werden, sowie als dritten Parameter eine Callback-Funktion - wird nach Abschluss der Animation ausgeführt. Beide Parameter sind optional:
.hide(Dauer, [Übergangsfunktion], [Callback-Funktion]);
Der Methode können verschiedene Optionen übergeben werden, in Form eines JavaScript-Objekts, das Schlüssel: Wert-Paare enthält:
.hide(Optionen);
Ein solches Objekt kann die folgenden
Parameter und Funktionen übergeben - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Die Beschreibung
dieser Parameter können Sie für die Methode
animate nachsehen. Zum Beispiel,
lassen Sie uns Dauer und Übergangsfunktion festlegen:
.hide( {duration: 800, easing: easeInSine} );
Beispiel
Lassen Sie uns nach dem Klicken der Schaltfläche #test den
Absatz sanft mit der Methode hide ausblenden. Durch Übergabe
des Schlüsselworts slow setzen wir die Geschwindigkeit
auf 600ms. Nach Ende der Animation geben wir
'Animation complete' in der Konsole aus:
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
