Hola chicos, soy bueno con HTML y CSS, pero solo he comenzado a arañar la superficie de jQuery. Estoy buscando hacer que 3 divs se desvanezcan en la carga de la página uno tras otro. Hasta ahora tengo esto

<script type="text/javascript">
    $('#1').hide().fadeIn(1500);
    $('#2').hide().fadeIn(1500);
    $('#3').hide().fadeIn(1500);
</script>

Escuché que usar CSS para configurar la pantalla en none es una pesadilla para cualquiera con un navegador que no sea JavaScript, así que utilicé la función hide para ocultar inicialmente los divs.

Pero esto solo los desvanece de una vez. ¿Algunas ideas?