title: How to make my div load hidden before visibility is toggled
body: <p>I have this jQuery code here that I'm planning to make a menu with that allows the user to toggle the visibility of it. However, I'm not not sure how I can load the page with the div hidden. I'm trying to make it so that it starts hidden, and can be shown by clicking a button, but instead, it starts visible. </p>
  
  <p>My jQuery:</p>
  
  <pre><code>$(document).ready(function(){
    $("#nav").click(function(){
      $("#items").toggle();
    });
  });
  </code></pre>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="nav"&gt;&lt;a href="#"&gt;&lt;p&gt;Toggle&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div id="items"&gt;&lt;p&gt;Content&lt;/p&gt;&lt;/div&gt;
  </code></pre>