jQuery - IE6 .hide() doesn't hide until I hover over
I'm trying to hide fields when I reopen a form and of course it works in all browsers except IE6. Why do I even care about IE6? I mean it's 2012! Unfortunately, that's what the client wants and has paid extra to get it to work there.
Anyways, I hide a section of a table (using jquery selectors on tbody elements) when I open the form in a dialog window. I have verified in both IE6 and other browsers that the elements needing to be hidden both have the style="display: none;" attribute. All browsers except IE6 properly hide these elements. IE6 waits until you hover over them or change screens to refresh the view and properly hide the elements. It does not partially hide the elements I am trying to hide. Even when I hover, the entire element that needs to be hidden disappears.
I tried a little hack by using .focus() on one of the hidden elements on the form, then immediately changing focus back to where it needs to be at the start of the form. This solves the issue of having to hover over any content to hide it, but is not quick enough to not see the hidden content for about a second. I know this is not a computer speed issue for me (I have 4 GB of RAM).