Desvanecer-se em divs um após o outro

Olá pessoal, sou bom com HTML e CSS, mas apenas o jsut começou a arranhar a superfície do jQuery. Estou procurando fazer com que 3 divs desapareçam no carregamento da página, um após o outro. Até agora eu tenho isso

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

Ouvi dizer que usar css para definir a exibição como none é um pesadelo para qualquer pessoa com um navegador que não seja JavaScript, então usei a função hide para ocultar inicialmente os divs.

Mas isso apenas os desbota de uma só vez. Alguma ideia?

questionAnswers(5)

yourAnswerToTheQuestion