Révéler un div après x secondes, et de révéler une autre div après y secondes

Je suis très nouveau à cela, mais je suis tenter de révéler div1 après 1 seconde, et de révéler div2 au bout de 5 secondes. Pour le moment, seulement div2 affiche après 1 seconde. Merci de m'aider à résoudre le javascript.

Je voudrais aussi savoir comment faire pour cacher div1 après div2 est affiché.

Mon code:

<div id="div1" style="visibility: hidden">Reveal Div 1 after 1 second</div>
<div id="div2" style="visibility: hidden">Reveal Div 2 after 5 seconds</div>

<script type="text/javascript">
function showIt() {
  document.getElementById("div1").style.visibility = "visible";
}
setTimeout("showIt()", 1000); //after 1 sec

function showIt() {
  document.getElementById("div2").style.visibility = "visible";
}
setTimeout("showIt()", 5000); //after 5 secs
</script>
InformationsquelleAutor N00B | 2013-09-15