Salve a tutti, ho bisogno di avere un menu' verticale a scomparsa che si espande su tre livelli.
Ne ho trovato uno su html.it ed esattamente lo script_5625 http://javascript.html.it/script/vedi/5625/accordion/ della sezione Javascript, però è a due livelli.

Io vorrei una cosa del tipo:

Home
Animali
-->Gatti
---->Gatto1
---->Gatto2
---->Gatto3
---->Gatto4
-->Cane
---->Cane1
---->Cane2
---->Cane3
-->Coniglio
---->Coniglio1
---->Coniglio2
---->Coniglio3
---->Coniglio4
---->Coniglio5
Frutta
-->Mele
---->Mele1
---->Mele2
-->Pere
---->Pere1
---->Pere2
---->Pere3

ecc.
Questo è il file html:

codice:
	
<script type="text/javascript" src="mootools.js"></script> 	
<style type="text/css" media="screen"> 		
@import 'style.css'; 	</style> 	
</head> 
<body> 
<h1>Accordion</h1> <div id="wrap"> 		
<div id="top_round"></div> 	 		
<div id="content"> 					 			
<h3 class="toggler first" style="padding-top:5px;">Home</h3> 			
<div class="accordion"> </div> 							 			<h3 class="toggler">Animali</h3> 			
<div class="accordion"> 				
<ul> 					[*]<span>------</span[*]<span>------</span>[*]<span>------</span>[*]<span>------</span> 				[/list]
</div>
<h3 class="toggler last">Altro</h3>
<div class="accordion">
</div>
</div>
<div id="bottom_round"></div>
</div>
<script type="text/javascript" src="accordion.js"></script> 
</body> 
</html>