prova questo esempio, considerando che se vogliamo possiamo migliorarlo:

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>provola</title>

<script language="JavaScript" type="text/javascript">
<!--

var voci=new Array();
var contenuti=new Array();
var mybool=null;

function riempi() {
 var j=0;
 var k=0;
 var livelli=document.getElementsByTagName('div');
 for (var i=0; i<livelli.length; i++) {
  if (livelli[i].id.indexOf("voce")!=-1) {
	 voci[j]=livelli[i]; 
	 j++;
	}
	if (livelli[i].id.indexOf("contenuto")!=-1) {
	 contenuti[k]=livelli[i]; 
	 k++;
	}
 }
 mybool=new Array(k);
 for (var i=0; i<mybool.length; i++) mybool[i]=false;
}

function mn(indice) {
 for (var i=0; i<contenuti.length; i++) {
  if (i==indice) {
		 if (mybool[i]==false) {
		 		mybool[i]=true;
				contenuti[i].style.display="inline";
		 }
		 else {
		 		mybool[i]=false;
				contenuti[i].style.display="none";
		}
	}
	else contenuti[i].style.display="none";
 }
}

//-->
</script>


<style type="text/css">
<!--
* {
 font-size:10px;
 font-family:Verdana;
}

.classevoci {
 width:200px;
 background-color:#CDE1F1;
 border:1px solid #035EA4;
 text-align:left;
 font-weight:bold;
 margin:3px;
}

 
a, a:hover, a:link, a:visited {
 text-decoration:none;
}

.classecontenuti {
 text-align:left;
 font-weight:bold;
 display:none;
 position:relative;
 left:15px;
}

-->
</style>


</head>
<body onload="riempi();">
<div id="voce0" class="classevoci">
Testo1
</div>
<div id="contenuto0" class="classecontenuti">
Voce1

Voce2

Voce3

</div>
<div id="voce1" class="classevoci">
Testo2
</div>
<div id="contenuto1" class="classecontenuti">
Voce4

Voce5

Voce6

</div>
<div id="voce2" class="classevoci">
Testo3
</div>
<div id="contenuto2" class="classecontenuti">
Voce7

Voce8

Voce9

</div>
</body>
</html>
ciao