jQuery: slideUp () Verzögerung () dann slidedown; funktioniert nicht

StackOverflow https://stackoverflow.com/questions/3833076

Frage

Ich versuche, ein sehr einfaches Fußzeile Benachrichtigungselement zu implementieren für einen Moment zu schieben, dann nach unten rutsche zurück. Ich verwende: 

$('button').click( function () {
    $('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});

Wenn Sie jedoch auf die Schaltfläche klicken, verzögert es für die 1500 ms dann gleitet und gleitet nie nach unten.

http://jsfiddle.net/jrMH3/17/

War es hilfreich?

Lösung

Was Sie wirklich wollen, ist dies: 

 $('#message-box').slideDown('slow').delay(1500).slideUp('slow');

Sie können es testen hier . Obwohl es scheint ein wenig nach hinten Ihr Layout gegeben, .slideDown() ist für zeigt ein Element, und .slideUp() für Versteck ein Element ... obwohl Ihre CSS gegeben, es wird nach oben eigentlich, wenn gezeigt.

auch als beiseite, die Sie nicht brauchen <html> und <body>-Tags, wenn die Geige bearbeiten, werden diese bereits enthalten ... Inhalt im HTML-Rahmen im Inneren des <body> gehen wird.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top