javascript - show and hide table in IE6

Question

Hi I am using the IE6 browser. I want to show and hide on certain conditions. I have tried to use the below code to show and hide the table

 document.getElementById("crCurrSlotTbl").style.display="table" //show the table
 document.getElementById("crCurrSlotTbl").style.display="none"; //hide the table

But it is working as fine in the IE8 but it is not working fine with IE6. I have tried various solutions such as wrapping it around the div tag than but neither of them work.

Can anybody please help me with the work around of this problem ? Is there any workaround with this problem?

Answer 1

Try this,

The block and inline values are supported explicitly as of Microsoft Internet Explorer 5.

document.getElementById("crCurrSlotTbl").style.display="block"; 

Ref: http://msdn.microsoft.com/en-us/library/ie/ms530751%28v=vs.85%29.aspx