title: display:none to display:block - How do I get the page to scroll down?
body: <p>I am using javascript to change the display of a div tag with an onclick event. The div is at the bottom of the page, when and/or if needed the user can open the div. How can I get the page to scroll down when this div is changed to display:block?</p>
  
  <p>FYI: I have tried</p>
  
  <pre><code>var objDiv = document.getElementById("the_div_id");
  objDiv.scrollTop = objDiv.scrollHeight;
  </code></pre>
  
  <p>The page just won't scroll down. Any ideas?</p>