title: Hide/Show Div after form submit?
body: <p>Hi I'm having some trouble getting this to work, pretty simple all I am wanting to do is show a div once my html form is submitted.</p>
  
  <pre><code>&lt;head&gt;
  
  &lt;script type="text/javascript"&gt;
   function showHide() {
     var div = document.getElementById(hidden_div);
     if (div.style.display == 'none') {
       div.style.display = '';
     }
     else {
       div.style.display = 'none';
     }
   }
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  
  &lt;body&gt;
  
  &lt;form method="post" name="installer"&gt;
  
  &lt;label&gt;Home Keyword&lt;/label&gt;
  &lt;br /&gt;
  &lt;input type="text" name="hello" value=""&gt;
  &lt;br /&gt;
  &lt;input type="submit" value="" name="submit" onsubmit="showHide()"&gt;
  
  &lt;/form&gt;
  
  &lt;div id="hidden_div" style="display:none"&gt;
  &lt;p&gt;Show me when form is submitted :) &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Any help would be much appreciated thank you :)</p>