Okeii, graziee! Ora ho solo un problema, utilizzandolo per il mio esempio

codice:
<div id="quote">
<div class="show"><span>asdasd</span> - prova1</div>
<div class="show"><span>asdasd</span> - prova2</div>
<div class="show"><span>asdasd</span> - prova3</div>
<div class="show"><span>asdasd</span> - prova4</div>
<div class="show"><span>asdasd</span> - prova5</div>
</div>
in questo modo

codice:
<script type="text/javascript">
function randomquote() {
var aQuotes = document.querySelectorAll(".hide");
document.querySelector(".show").className = "hide";
aQuotes[Math.floor(Math.random() * aQuotes.length)].className = "show";
}

window.onload = randomquote();
</script>
Non riesco ad ottenere l'effetto giusto.. Il primo div viene nascosto mentre il secondo mostrato assieme agli altri 3, quando poi clicco sul link che richiama la funzione, il primo viene mostrato ed il secondo nascosto ma gli altri 3 restano visibili.. =/ Sbaglio qualcosa?