ho una serie di dive che si "dovrebbero" scambiare tra di loro all'onclick da un link

Esempio:
codice:
<div>
<ul id="nav">[*]Index[*]chi siamo[*]terza[/list]
</div>



<div id="wait" style="display: none">
<ul id="nav">[*]chi siamo[*]terza[*]Index[/list]
</div>



<div id="wait" style="display: none">
<ul id="nav">[*]Index[*]terza[*]chi siamo[/list]
</div>



<div id="wait" style="display: none">
<ul id="nav">[*]Index[*]chi siamo[*]terza[/list]
</div>

in sostanza ad ogni LINK (in questo caso 3) corrisponde 1 div da mostrare in sostituzione di quello clikkato

usando questa funzione

codice:
<script type="text/javascript">
// <![CDATA[
function showhide(btt) {
 document.getElementById('wait').style.display='block'; 
 btt.parentNode.style.display = 'none';
}
// ]]>
</script>
per cui onclick="showhide(this)"

Ottengo in parte quel che vorrei con diversi BUGS da correggere
1 attualmente a "sparire è solo la voce cliccata e non tutto il div
esempio:
codice:
<div>
<ul id="nav">[*]Index[*]chi siamo[*]terza[/list]
</div>

al click su index invece che sparire tutto il div si trasforma così

<div>
<ul id="nav">[*]chi siamo[*]terza[/list]
</div>
seconda cosa non so come ad ogni link attribuire la visibilità di un div invece che 1 altro...