jQuery: slideUp() delay() luego slideDown; no funciona

Estoy tratando de implementar un elemento de notificación de pie de página muy simple para deslizar hacia arriba por un momento, luego deslizar hacia abajo. Estoy usando:jQuery: slideUp() delay() luego slideDown; no funciona

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

Sin embargo, al hacer clic en el botón, se retrasa para los 1500 ms entonces se desliza hacia arriba y nunca se desliza hacia abajo.

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

Fuente

2010-09-30 Ryan

lo que realmente quiere decir esto:

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

You can test it here. Aunque parece un poco al revés dado su diseño, .slideDown() es mostrando un elemento, y .slideUp() es para ocultando un elemento ... aunque dado su CSS, en realidad está subiendo cuando se muestra.

también como un aparte, que no necesitan <html> y <body> etiquetas cuando se edita el violín, estos ya están incluidos ... cualquier contenido en el marco HTML irá dentro de la <body>.

Fuente

2010-09-30 17:17:26

Doh, no se dio cuenta completamente de esa peculiaridad, tonto :) Gracias Nick! – Ryan

jQuery: slideUp() delay() luego slideDown; no funciona

Respuesta

Cuestiones relacionadas