Making content hidden by jQuery visible when printed
Hi, I'm using jQuery to show and hide a div of content when the heading above it is clicked. However, my client requires the page to be printable and the content inside the div to be printed regardless of whether its current state on screen is shown or hidden.
Here's the code I'm using:
-
$(document).ready(function(){
$(".facts div").hide();
$(".facts h2").click(function(){
$(this).next("div").slideToggle("slow")
.siblings("div:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h2").removeClass("active");
});
});
...is there a simple way to make the content always visible when printed?
Thanks!