Pomoc oko javascript menija

Dakle, pravim javascript meni i naisao sam na problem. Imam kod koji na klik otvara podmeni, takodje ga na klik i zatvara. E sad, problem je taj sto za meni imam dva <td> , jedan klasican link, bez podmenija, a drugi <td> ima javascript za podmeni. Naravno, ova dva <td> stoje jedan pored drugog, jer zajedno cine glavni meni. Sad, kad kliknem na drugi td koji sadrzi javascript, zajedno sa tim poljem otvori mi se i prethodno. Dok drugi sadrzi podmeni u prosirenom izdanju, prvi ne sadrzi nista nego mu se jednostavno height poveca za visinu drugog polja. Probao sam da ih stavim u razlicite div-ove ali ne vredi. Naravno zelim da mi se samo jedno polje "otvori", a drugo da stoji kako jeste.
evo koda ako nesto znaci...

Code:

."<tr>"
    ."<div><td class=\"menu\" width=\"25%\"><a href=\"kmf.php\">Klub malog fudbala</a></td></div>"
    ."<div><td class=\"menu\" width=\"25%\">"
    ."<a href=\"javascript:none\" onclick=\"toggle('program_2942'); return false\" class=\"h2\" style=\"display: block\">Muzej</a>"
    ."<div id=\"program_2942\" style=\"text-align:left; display:none; padding: 3px\"><b>Postavka iz bogate riznice Gradskog muzeja Sombor.</b>"
    ."</div></div>"

javascript:

<script language="javascript" type="text/javascript">
function ref(object)
{
    if (document.getElementById)
    {
        return document.getElementById(object);
    }
    else if (document.all)
    {
        return eval('document.all.' + object);
    }
    else
    {
        return false;
    }
}

function toggle(object)
{
    object = ref(object);
    if( !object.style )
    {
        return false;
    }

    if( object.style.display == 'none' )
    {
        object.style.display = '';
    }
    else
    {
        object.style.display = 'none';
    }
}
</script>

Srodne teme