Gömma kolumn mha javascript/css

Hej

I en redan uppritad <table> behöver jag gömma kolumner allt eftersom användare klickar i/ur respektive checkboxar.

Jag har letat runt lite på nätet men inte lyckats få det att funka.

Tacksam för hjälp

Torkel

det går.
du måste loopa igenom alla rader och sätta varje cells style.visibility=hidden och ha position=absolute.

<SCRIPT>
function hideshow(name)
{
var s;
s = document.getElementById(name).style;
s.display = (s.display=="") ? "none": "";
}
</SCRIPT>
<FORM name="toc">
<TABLE border="1" width="400" cellspacing="0">
<TR>
<TD>&nbsp;</TD><TD> ID# </TD><TD> NAMN </TD><TD> FÖRETAG </TD><TD> KATEGORI </TD><TD> PRIS </TD>
</TR>
<TR>
<TD><INPUT type="checkbox" onclick="hideshow('HideShow0')"></TD><TD>  001  </TD><TD>  Shotgun-XL </TD><TD>    C-Soft     </TD><TD>  OpenSource  </TD><TD>  0.00 Sek </TD>
</TR>
<TR id="HideShow0"><TD colspan="6">
     This is a detailed description of the program, etc. etc. etc.
</TD></TR>
<TR>
<TD><INPUT type="checkbox" onclick="hideshow('HideShow1')"></TD><TD>  002  </TD><TD>  PedalMaker </TD><TD>    C-Soft     </TD><TD>  OpenSource  </TD><TD>  0.00 Sek </TD>
</TR>
<TR id="HideShow1"><TD colspan="6">
     This is a detailed description of the program, etc. etc. etc.
</TD></TR>
</TABLE>
</FORM>

tack för hjälpen!