title: Toggle (show/hide) element with javascript
body: <p>By using this method I can show/hide an element by using 2 buttons:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function showStuff(id) {
          document.getElementById(id).style.display = 'block';
  }
  function hideStuff(id) {
      document.getElementById(id).style.display = 'none';
  }
  &lt;/script&gt;
  
  &lt;input type="button" onClick="hideStuff('themes')" value="Hide"&gt;
  &lt;input type="button" onClick="showStuff('themes')" value="Show"&gt;
  &lt;div id="themes" style="display:block"&gt;
      &lt;h3&gt;Stuff&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a method to use a single button?? Maybe if &amp; else?</p>