I was working on a piece of code in which I needed to hide a row (’tr’) on click of a link & show it again on a similar event. Tried to achieve that using the usual display:none & display:block methods.

That method gave me problems across browsers. Then I read somewhere that to show a tr using css, we could use:

style.display = ‘table-row’

This worked, but not across all browsers. Finally read somewhere that if we use:

style.display = ”

This would make the browser take the default values whether it’s table-row or display:block. This one worked for both IE & Firefox.

Related posts:

  1. “Unknown runtime error” in IE8 while using ajax
  2. Working at Google vs. Working at Microsoft
  3. Shadowbox Plugin - Videos & Images in Lightbox
  4. Change button ‘type’ for dynamic buttons in IE using Javascript