problema menù esploso

[83kiara83]

Ciao, avrei bisogno di un menù verticale fatto così:
titolo1
tit1a
tit1a
tit1a
tit1a
tit1a
tit1a
titolo2

cliccando su ogni voce si aprono le voci dei livelli inferiori. Io sto adoperando questo menù:

function aprichiudi(item) {
   elem=document.getElementById(item);
   visibile=(elem.style.display!="none")
   prefisso=document.getElementById("menu" + item);
   if (visibile) {
     elem.style.display="none";
     } else {
      elem.style.display="block";
      
   }
}

function espanditutto() {
   divs=document.getElementsByTagName("div");
   for (i=0;i<divs.length;i++) {
     divs[i].style.display="block";
     prefisso=document.getElementById("menu" + divs[i].id);
     
   }
}

function chiuditutto() {
   divs=document.getElementsByTagName("div");
   for (i=0;i<divs.length;i++) {
     divs[i].style.display="none";
     prefisso=document.getElementById("menu" + divs[i].id);
     
   }
}

L'ho integrato con il php così:

<table width="150"  border="0" cellspacing="0" cellpadding="0">
<tr>
<td>[img]images/0spacer.gif[/img]</td>
</tr>
</table>

<?php if($num_categorie)
{
$k = 0;
while($row_rec_categorie = mysql_fetch_assoc($rec_categorie))
{
$k++;
?>
<table cellpadding='1' cellspacing='1' width="150">
<tr>
<td class="bianco_11" align="left"><?=$row_rec_categorie['titolo']?></td>
</table>


<div id="guide<?=$k?>" style="display: none;">
<?php 
$query_rec_sottocategorie = "SELECT * FROM ".$prefix."sottocategorie WHERE idCategoria=".$row_rec_categorie['ID']." AND idPagina=".$idPagina." AND visibile=1 ORDER BY ordine ASC";
$rec_sottocategorie = mysql_query($query_rec_sottocategorie, $conn) or die(mysql_error());
$num_sottocategorie = mysql_num_rows($rec_sottocategorie); 
if($num_sottocategorie){
$i = 0;
while($row_rec_sottocategorie = mysql_fetch_assoc($rec_sottocategorie)) { 
if($row_rec_sottocategorie ['livello']==1){

$i++;
//finchè ho sottovoci le elenco

?>

<table cellpadding='1' cellspacing='1' width="150" >

<tr>
<td class="grigio_chiaro_11" align="left" width="15">[img]images/0spacer.gif[/img]</td>
<td class="grigio_chiaro_11" align="left"><?=$row_rec_sottocategorie['titolo']?></td>
</tr>
</table>


<div id="css<?=$i?>" style="display: none;">
<?php
 
$query_rec_voci = "SELECT * FROM ".$prefix."voci WHERE idSottocategoria=".$row_rec_sottocategorie['ID']." AND idPagina=".$idPagina." AND visibile=1 ORDER BY ordine ASC";
$rec_voci = mysql_query($query_rec_voci, $conn) or die(mysql_error());
$num_voci = mysql_num_rows($rec_voci); 
if($num_voci){
while($row_rec_voci = mysql_fetch_assoc($rec_voci)) { 

//finchè ho voci le elenco

?>
<table cellpadding='1' cellspacing='1' width="150">
<tr>
<td class="grigio_chiaro_11" align="left" width="25">[img]images/0spacer.gif[/img]</td>
<td class="grigio_chiaro_11" align="left"><?=$row_rec_voci['titolo']?></td>
</tr>
</table>
<? } }?>

</div>
<? }//caso 3°liv 
else {
?>
<table cellpadding='1' cellspacing='1' width="150">
<tr>
<td class="grigio_chiaro_11" align="left" width="15">[img]images/0spacer.gif[/img]</td>
<td class="grigio_chiaro_11" align="left"><?=$row_rec_sottocategorie['titolo']?></td>
</tr>
</table>
<? } ?>
<? } } ?>
</div>
<? } } ?>

Il mio problema è che quando clicco su una qualunque sottovoce mi carica la pagina e mi si richiude il menù. Questo lo vorrei evitare. Sapete darmi una mano???

[83kiara83]

Mi dervirebbe una funzione che mi consenta di memorizzare lo stato del menù in modo che non si chiuda ogni volta tutto il menù