mostrar div por un tiempo determinado, luego ocultarlo

Question

Im usando jquery para varias cosas en mi sitio, pero una cosa que no estoy seguro de cómo hacer es mostrar un elemento, luego esperar X segundos y ocultar el elemento.

$('#form').ajaxForm(function() { 
    $('#cartcontents').fadeOut("fast").load('cart.php').fadeIn("fast"); 
}); 

Ese es el JavaScript que estoy usando ahora. ¿Cómo podría tenerlo (cuando el formulario se envía) mostrar el div #notice durante 5 segundos, luego fadeOut?

Answer 1

$('#form').submit(function() { 
    $('#notice').show(); 
    setTimeout(function() { 
     $('#notice').fadeOut(); 
    }, 5000); 
}); 

Answer 2

en el controlador de eventos hacen que el onSubmit div aparece utilizando $('#divName').show() (creo que eso es la sintaxis correcta). Puede usar setTimeout("hideDiv()",5000), a continuación, defina hideDiv() que es una nueva función que hace $('#divName').fadeOut()