Ah intendevi cosi ????

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

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function aprichiudi(item) {
   elem=document.getElementById(item);
   visibile=(elem.style.display!="none")
   prefisso=document.getElementById("menu" + item);
   if (visibile) {
     elem.style.display="none";
     prefisso.innerHTML="[img]cartella.gif[/img]";
   } else {
      elem.style.display="block";
      prefisso.innerHTML="[img]cartellaaperta.gif[/img]";
   }
}

//-->
</script>

</head>
<body>

<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>
[img]cartella.gif[/img]
</td>
<td>Gallery</td>
</table>

  
  <div id="gallery" style="display: none; margin-left: 2em;">

  <table cellpadding='1' cellspacing='1'>
  <tr>
  <td width='16'>[img]cartella.gif[/img]</td>
  <td>My 147</td>
  </table>

    
    <div id="my147" style="display: none; margin-left: 2em;">

	<table cellpadding='1' cellspacing='1'>
	<tr>
	<td width='16'>[img]documento.gif[/img]</td>
	<td>147</td>
	</tr>
	</table>

    </div>

  <table cellpadding='1' cellspacing='1'>
  <tr>
  <td width='16'>[img]cartella.gif[/img]</td>
  <td>Meetings</td>
  </table>

    
    <div id="meetings" style="display: none; margin-left: 2em;">

	<table cellpadding='1' cellspacing='1'>
	<tr>
	<td width='16'>[img]documento.gif[/img]</td>
	<td>147l</td>
	</tr>
	</table>

    </div>
  </div>


</body>
</html>
Siccome c'erano due div per il secondo livello ho creduto che tu volessi fare come ho fatto prima.Devi solo mettere tutte le voci del secondo livello nello stesso div.