title: set default display:none for a section of text
body: <p>I am wanting to set the paragraph to "display:none" on initial opening of the HTML file. Then use javascript code to show/hide it.
  This is what I have written so far</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;hide1 class="inner" style="display.none;"&gt;
      &lt;p&gt;hello&lt;/p&gt;
  &lt;/hide1&gt; 
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>function tr1(obj)
      {
      var inner = document.getElementsByTagName("hide1")[0];
      if (inner.style.display == "none")
          inner.style.display = "";
      else
          inner.style.display = "none";
      }
  </code></pre>
  
  <p>Hello shows when i open the file and then toggles from shown to hidden. I would like it to be hidden by default and toggle from hidden to shown.</p>