toggle

[mynamesleo]

Hi,

I am using the following JS function (found from google) to hide/show table rows

[code]
{
var tr = document.getElementById(id);
if (tr==null) { return; }
var bExpand = tr.style.display == '';
tr.style.display = (bExpand ? 'none' : '');
}[/code]

It works great, but is there a way to set the rows as hidden by default? as when the page is visited all rows are visible/open.

Thanks

[fenway]

Sure... add "style=display:hidden"... but that's dangerous for non-JS users.

[mynamesleo]

Thanks for the reply, i am not sure where too add that though, this is the code

I tried add it in table row and data and css? is it for the js script?

[fenway]

This would be on the TR tag itself.

[mynamesleo]

Sorry but i'm still new to all this,

<tr "style=display:hidden">

That didn't work, is that what you meant?

[mynamesleo]

Ah, style='display:none' works fine

[fenway]

sorry, I meant "none"... i was thinking about visibility for some reason -- my bad.