title: javascript jquery .show() not working
body: <p>For some reason .hide works, but .show not?
  This is my code:</p>
  
  <pre><code>&lt;head&gt;
     &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
    &lt;button onclick="alertShowAccount()"&gt;Add account&lt;/button&gt;
  
   &lt;script&gt;
  
    function alertHideAccount() {
      $("#addAccount").hide();
    }
  
    function alertShowAccount() {
      $("#addAccount").show();
    }
  
   &lt;/script&gt;
  
   &lt;div style="display:none" id="addAccount"&gt;
      &lt;button class="btn btn-md" onclick="alertHideAccount()"&gt;Cancel&lt;/button&gt;
   &lt;/div&gt;
  
  &lt;body&gt;
  </code></pre>
  
  <p>Anyone has an idea why it is not working? The function IS being called, I tested it with an alert. Also the console gives no errors.</p>