jQuery: slideUp () delay () allora slideDown; non funziona

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

Domanda

Sto cercando di implementare un elemento di notifica piè di pagina molto semplice da scorrere in su per un attimo, quindi far scorrere verso il basso. Sto utilizzando: 

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

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

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

È stato utile?

Soluzione

Che cosa si vuole realmente è questa: 

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

È possibile verificare qui . Anche se sembra un po 'indietro dato il layout, .slideDown() è per che mostra un elemento, e .slideUp() IS per nascosto un elemento ... anche se dato il CSS sta realmente succedendo quando mostrati.

Anche Per inciso, non è necessario <html> e <body> tag quando si modifica il violino, questi sono già inclusi ... qualsiasi contenuto nel frame html andrà all'interno della <body>.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top