jQuery: slideUp() delay (), puis slideDown; pas de travail

Je suis en train de mettre en œuvre très simple pied de la notification de l'élément de glisser vers le haut pour un moment, puis faites glisser vers le bas. Je suis à l'aide d':

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

Toutefois, lorsque vous cliquez sur ce bouton, les délais pour les 1500 ms, puis glisse vers le haut et ne jamais glisse vers le bas.

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

OriginalL'auteur Ryan | 2010-09-30

  1. 22

    Ce que vous voulez vraiment est-ce:

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

    Vous pouvez le tester ici. Bien qu'il semble un peu en arrière, compte tenu de votre mise en page, .slideDown() est pour montrant un élément, et .slideUp() est pour cacher un élément...même si, au vu de votre CSS c'est en fait lorsque indiqué.

    Aussi comme un de côté, vous n'avez pas besoin <html> et <body> balises lors de l'édition du violon, ils sont déjà inclus...tout le contenu dans le cadre html ira à l'intérieur de la <body>.

    Doh, complètement manqué de remarquer que caprice, idiot 🙂 Merci Nick!

    OriginalL'auteur Nick Craver