Firefox ignores print css after obj.toggle() call.
I have a page that can contain any given number of collapsible
fieldsets (essentially hides all but 2 rows of text). I have a
function that expands all of the fieldsets, calls window.print, and
then collapses any fieldsets that weren't expanded before. I use
obj.toggle() to show and hide elements in the fieldset.
There is a div and two image elements that I hide from printing via a
stylesheet with an @Media print section.
Those elements are set to display: none.
Once I make a toggle call, the elements set to hide when priting are
no longer hidden. I understand that toggle changes the display
properties for the object on the screen and it makes sense that it
would overwrite whatever the stylesheet.
My idea is to re-instate the display:hidden style via JS but I'm not
sure how to apply a style to an object for print media only.
Any ideas on how I can eliminate this problem?