printing div that is originally set to display:none;

Question

I have a div that is viewable if you click the appropriate link, using jQuery's slideToggle to display it.

It has

$(document).ready(function() {
    $('#content-click').click(function() {
        $("#content").slideToggle(100);
    });
});

<div id="content" style="display:none;">
    this is the content
</div>

In the print css, I thought maybe setting #content to #content { display: block; } would do the trick, but no luck.

Any help is appreciated.

Answer 1

You need to move the display:none declaration from being inline to being in your regular stylesheet. The reason your print stylesheet is not showing the div when printing is that its being overriden by the inline style.