mostrare un elemento e nascondere tutti gli altri

[torrone]

allora, spero di riuscirmi a spiegare chiaramente

Ho vari div

<div id="blocco-1"></div>
<div id="blocco-2"></div>
<div id="blocco-3"></div>

Il numero che ho dato ai div può variare non è sempre 1, 2 o 3, perchè è l'ID prelevato da una lista di record.

cliccando un link di questo tipo

<a href="#" onClick="apri(1);">Apri blocco 1</a>

Mostro il blocco con l'ID 1

Il problema qual'è?

se io poi dopo aver cliccato sul primo link clicco anche su questo link

<a href="#" onClick="apri(2);">Apri blocco 2</a>

Mostro anche il blocco con l'ID 2

io vorrei fare in modo che quando apro un blocco, tutti gli altri si chiudano!

Come posso fare?

[br1]

I numeri sono consecutivi? tutti gli id hanno una parte in comune? crea una collezione e scorrila:

function apri(n) {
myArr = document.getElementByTagName("div");
for(var i=0;i<myArr.length;i++) {
  if(myArr[i].id.substr(0,7)=="blocco-") {
    myArr[i].style.display="none";
    if(myArr.id.substr(7)==n) myArr[i].style.display="block";
  } 
}
}

Scritto al volo e non testato, prendilo come spunto