Hiding and collapsing part of a table with TBODY

[jc]

I have a tbody tag in the middle of table like this.

</tr>
<tbody id="tbodytest" >
<tr>

I can hide that part of the table with this code:

document.getElementById('tbodytest').style.visibility = 'hidden';

But it lease a big gap in my table that I'd like to collapse away..
not just hide.

I see a visibility property called collapse, but it does not seem to
work in IE7

What are my options?

Thanks for any help or information.

 

[Evertjan.]

jc wrote on 30 jun 2009 in comp.lang.javascript:

I have a tbody tag in the middle of table like this.

</tr>
<tbody id="tbodytest" >
<tr>

I can hide that part of the table with this code:

document.getElementById('tbodytest').style.visibility = 'hidden';

But it lease a big gap in my table that I'd like to collapse away..
not just hide.

I see a visibility property called collapse, but it does not seem to
work in IE7

Read up on CSS!!

visibility:hidden; keeps the placeholder

display:none; collapses.

This is OT on this NG, see a CSS NG.

Always first test simple css style,
and only later use dynamic javascript.