menù a scomparsa

[HyperSonic2097]

Ok. Sto costruendo un sito, e vorrei sapere se c'e un modo per fare i menù a scomparsa xo con le tabelle o cmq fare in modo che il menù alla fine si presenti come questo di adesso.
http://www.sonicdream.it/NEXT/indexM.htm
non è ancora completo, cmq intendo il menù dove c'e main, games, extra ecc..
è stato fatto usando le tabelle, però vorrei fare in modo che quando uno clicca su una voce, sotto compaiono altre tabelle contenenti altre voci (nella vecchia versione del sito uso uno script php per farlo, solo che quello va solo con il testo, non crea quest'effetto..)
come sta adesso è come dovrebbe apparire con tutte le voci aperte (in pratica voglio fare che quando clicchi su Games x esempio, sotto ti escono tutti i giochi e così via)

il codice della tabella è questo

<table width="140" border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td background="images/sideboxtop1.gif" width="140" height="17"><div align="center"><font color="#FFFFFF" size="1">[&raquo;Main&laquo;]</font></div></td>
                    </tr>
                    <tr> 
                      <td>[img]images/sideboxtop2.gif[/img]</td>
                    </tr>
                    <tr> 
                      <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse: collapse">
                          <tr> 
                            <td><table width="100%" border="0" cellspacing="1" cellpadding="1">
  <tr>
                                  <td bgcolor="#6F6F6F"><div align="center"><font size="1">::[ 
                                      Main ]::</font></div></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
                              </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
                              </tr>
  <tr>
<td bgcolor="#6F6F6F"><div align="center"><font size="1">::[ Games ]::</font></div></td>  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
  <tr>
<td bgcolor="#6F6F6F"><div align="center"><font size="1">::[ Extra 
                                      ]::</font></div></td>   </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">[img]images/bulletarrow.gif[/img]Link</font></td>
  </tr>
</table>
</td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td>[img]images/sideboxbottom.gif[/img]</td>
                    </tr>
    </table>

spero di essermi fatto capire.. :maLOL:
se conoscete uno script che possa essere adattato per sto menù, qualsiasi cosa, anche se htm, basta che vada bene

[pierogemin]

Posta su Java script