title: Opening CSS only model popup using jQuery
body: <p>I am not able to call the following HTML div using jquery or javascript,
  using the following scripts:</p>
  
  <pre><code> $("#open-modal").modal("toggle");
   $("#open-modal").modal("show"); 
   $("#open-modal").modal("hide");
   $("#open-modal").toggle();
   $("#open-modal").show();
   $("#open-modal").hide();
  </code></pre>
  
  <p>I am able to open the popup using the button. Here is the HTML code</p>
  
  <pre><code>  &lt;div class="container"&gt;
    &lt;div class="interior"&gt;
      &lt;a class="btn" href="#open-modal"&gt;CSS-Only Modal&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="open-modal" class="modal-window"&gt;
    &lt;div&gt;
      &lt;a href="#" title="Close" class="modal-close"&gt;Close&lt;/a&gt;
      &lt;h1&gt;Success!&lt;/h1&gt;
      &lt;div&gt;PoP up Me&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The full code is in <a href="https://codepen.io/timothylong/pen/HhAer/" rel="nofollow noreferrer">JS fiddle</a></p>