Roll effekt

Jeg er ved at lave en menu til min hjemmeside. Det ser sådan ud indtil videre:

http://agertoft.net/menu/fade.aspx

Når man trykker på en overskrift så fyrer den et simpelt javascript af:

function setVisible(element)
{
    if (document.getElementById(element).style.display == '')
        document.getElementById(element).style.display = 'none';
    else
    {
        document.getElementById(element).style.display = '';
        //document.getElementById('td1').style.height = '10px';
    }
}

som gør den tablerow nedenunder synlig/ikke synlig.

Det jeg gerne vil have er, at denne tablerow slider sig åben og lukket. Hvordan gør jeg det? Jeg har, som der også står i javascriptet, prøvet at gøre tabellen gradvist større i højden for på den måde at få en slide-effekt. Men den bliver jo underkendt, når der står noget tekst eller billeder i tablerow'en. Hvordan løser jeg problemet?