2010-09-30 9 views
8

Sto provando a implementare un elemento di notifica del footer molto semplice da far scorrere per un momento, quindi tornare indietro. Sto utilizzando:jQuery: slideUp() delay() quindi slideDown; non funziona

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

Tuttavia, quando si fa clic sul pulsante, ritarda per i 1500 ms poi scorre verso l'alto e non scivola verso il basso.

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

risposta

21

cosa si vuole realmente è questo:

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

You can test it here. Anche se sembra un po 'a ritroso dato il layout, .slideDown() è per mostrando un elemento, e .slideUp() è per nascondere un elemento ... anche se dato il CSS sta realmente succedendo quando mostrato.

anche come un a parte, non hai bisogno di <html> e <body> tag quando si modifica il violino, questi sono già inclusi ... qualsiasi contenuto nel frame html andrà all'interno della <body>.

+0

Doh, completamente non è riuscito a notare che stranezza, sciocco :) Grazie Nick! – Ryan