title: cannot hide content on page load. show/hide toggle
body: <p>How can I alter the code below to hide the content on page load.</p>
  
  <pre><code>&lt;SCRIPT type=text/javascript&gt;
      for (var i= document.links.length; i--&gt;0;) {
          var link= document.links[i];
  
          if (link.className=='showhide') {
              var div= document.getElementById(link.hash.substring(1));
              Toggler(link, div, true);
          }
      }
  
      function Toggler(toggler, togglee, state) {
          toggler.onclick= function() {
              state= !state;
              togglee.style.display= state? 'block' : 'none';
              return false;
          }
      }
  &lt;/SCRIPT&gt;
  </code></pre>