How to code JS toggle to print in automatically expanded view?

Question

First, here’s the page question: http://www.tranzact.com/test/solution_freightfaqs.html

I used a simple “Print Page” function (below):

<a href="#" onclick="window.print();return false;">Print Page</a>

Below is the toggle.js script:

function toggle(theID) {
if(document.getElementById(theID).style.display=='none' ){
   document.getElementById(theID).style.display = '';}
else{
   document.getElementById(theID).style.display = 'none';}
}

This results with the page printing “as is.” That is, if none of the toggles are expanded, only the questions print out.

How can I make the print button automatically expand all of the answers when printing?

Appreciate any help given. Thank you.

Answer 1

<a href="#" onclick="print_page();return false;">Print Page</a>

<script>
function print_page(){
  var style = document.createElement('style');
  style.innerHTML = '#bodyContent div {display:block !important}';
  document.getElementsByTagName('head')[0].appendChild( style );
  window.print();
}
</script>