html/css/js challenge - cross browser hide/show table row

[mattkime]

i'm trying to come up with a way to hide/show table rows cross browser. FF wants the table row to be set "display:table-row" while IE (7, at least) wants "display:block".

displayed here - http://knowfear.net/~mattkime/test6/
hide - hides a row
show IE - does display:block
show FF - does display:table-row
try/catch show - tries display:table-row and if it fails, does display:block

anyone else tackle this one?

[mattkime]

grrrrr...jquery does it like this -

it stores the display value before hiding. then it uses that value when it shows.

how i can convince my team that jquery is good for us.

[M A V I C]

CSS tables aren't supported in IE. You're going to have to use HTML tables and hide and show those rows. Probably via class or ID.