JavaScript menu!

Jeg har et javascript der ser således du:

<script>
constMaxItem=1;
function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
    {
    if (i!=active)
        {
        document.all["sub"+i].style.display="NONE"
        }
    else
        {
            if (document.all["sub"+active].style.display=="") {
                    document.all["sub"+active].style.display="NONE"
            }
            else {
                document.all["sub"+active].style.display=""

            }
        }
    }
}
</script>

og længere nede:
<table>
<tr><td onclick="fnDispThis(1);">
<img src="images/menu/news_header.jpg" class="img_header" alt="Nyheder">
<div id="sub1" style="display:none;">
<table cellspacing="0" cellpadding="2">
<tr><td>Menulink her!!</td></tr>
</table>

Det er en menu der folder sig ud når man klikker på nyheder, og her kommer pointen så:

Når man klikker på en undermenu, folder hele menuen sig sammen. Er der en måde man kan undgå det på?

Håber i kan hjælpe