¿Cómo puedo usar delay() con show() y hide() en Jquery

Question

¿Cómo puedo usar delay() con show() y hide() en Jquery?

Answer 1

pasar una duración a show() y hide():

Cuando se proporciona una duración, .show() se convierte en un método de animación.

E.g. element.delay(1000).show(0)

DEMO

Answer 2

desde api jQuery

Añadido a jQuery en la versión 1.4, el método .delay() nos permite retrasar la ejecución de las funciones que le siguen en la cola. Se puede usar con la cola de efectos estándar o con una cola personalizada. Solo los eventos posteriores en una cola se retrasan; por ejemplo, esto no retrasará los formularios sin argumentos de .show() o .hide() que no usan la cola de efectos.

http://api.jquery.com/delay/

Answer 3

Por qué no pruebas a la fadeIn() en lugar de utilizar un programa de() con retardo(). Creo que lo que estás tratando de hacer se puede hacer con esto. Aquí está el código jQuery para fadeIn y FadeOut() que también tiene un método incorporado para retrasar el proceso.

$(document).ready(function(){ 
    $('element').click(function(){ 
     //effects take place in 3000ms 
     $('element_to_hide').fadeOut(3000); 
     $('element_to_show').fadeIn(3000); 
    }); 
}