title: Toggle div should hide first
body: <p>I am doing a CRUD and trying to use some Javascript/JQuery. I have button "Add" where  if it is clicked the div will be shown, I've done this part but the div already showed before you click the add button</p>
  
  <p>Question: How can I hide first the div if it is not yet clicked?</p>
  
  <p><strong>My View</strong></p>
  
  <pre><code>&lt;button class="btn btn-success" id="add-user"&gt;Add&lt;/button&gt;
    &lt;div id="myDiv"&gt;
      &lt;form id="my-form"&gt;
        ...
      &lt;/form&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><strong>My JS</strong></p>
  
  <pre><code>$('#add-user').click(function(){
      $('#myDiv').toggle();   
  });
  </code></pre>