title: Toggle Pop-up using JQuery and Hashtag based URL
body: <p>I've got 3 pop-ups on my page.  They function using JQuery and the following JS code:</p>
  
  <pre><code>$(document).ready(function() {
      $('#open_thanks').click(function(e) {
          e.preventDefault();
          var tPop = $('.thanks_popup');
          tPop.toggle();
      });
      $('#open_reference').click(function(e) {
          e.preventDefault();
          var rPop = $('.leave_reference_popup');
          rPop.toggle();
      });
      $('#facebook').click(function(e) {
          e.preventDefault();
          var fPop = $('.facebook_popup');
          fPop.toggle();
      });
  
  
      $('.thanks_popup').append('&lt;div class="close"&gt;&lt;div class="inner"&gt;&lt;button&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;');
      $('.leave_reference_popup').append('&lt;div class="close"&gt;&lt;div class="inner-2"&gt;&lt;button&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;');
      $('.facebook_popup').append('&lt;div class="close"&gt;&lt;div class="inner-3"&gt;&lt;button&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;');
  
      $('div.inner button').click(function() {
          var tPop = $('.thanks_popup');
          tPop.toggle();
      });
      $('div.inner-2 button').click(function() {
          var rPop = $('.leave_reference_popup');
          rPop.toggle();
      });
      $('div.inner-3 button').click(function() {
          var fPop = $('.facebook_popup');
          fPop.toggle();
      });
  
  });
  </code></pre>
  
  <p>My html is quite simple:</p>
  
  <pre><code>&lt;a href="#" id="open_thanks"&gt;Thanks Popup&lt;/a&gt;
  
  &lt;a href="#" id="open_reference"&gt;Open Reference&lt;/a&gt;
  
  &lt;a href="#" id="facebook"&gt;Open Facebook Popup&lt;/a&gt;
  </code></pre>
  
  <p>I can't figure out how to use hashtag URL navigation to have a pop-up default as open though?  Basically, I want to be able to link to index.html#open_thanks and have that pop-up default as open/up.</p>
  
  <p>Thanks.</p>