title: How to expand / collapse paragraph
body: <p>I am trying to make a paragraph hidden unless someone actually clicks a button to show it.</p>
  
  <p>Here's my Javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
  e.style.display="block"
  }
  else{
  e.style.display="none"
  }
  return true;
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Here's my HTML code:</p>
  
  <pre><code>&lt;input type="button" onclick="return toggleMe('special1')" value="(click here for more information)"&gt;&lt;br&gt;
  &lt;p id="special1"&gt;
  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
  &lt;/p&gt;
  </code></pre>
  
  <p>The button actually works perfectly.  But the problem is that by default the text is shown and you click the button to collapse it.  What do I need to change to make it be collapsed by default?</p>