title: Show/Hide Divs based on Anchor Href attr that matches the Hash in the URL
body: <p>I have found a lot of info on URL's with Hash, but nothing to solve this.  I have divs that are hidden then shown when you click it's parent.  What I want to add in is if you come in with a #Hash tag that matches the anochor's href attr - trigger it was clicked.</p>
  
  <p>Code I have now:</p>
  
  <pre><code>$('.speaker_container').on('click','.speaker_img',function(){ $(this).siblings('.speaker-bios').toggle(150);});
  
  
   &lt;section id="speakers"&gt;
  &lt;div class="speaker_container clearfix"&gt;
      &lt;div class="speaker_img"&gt;
          &lt;a class="speaker_img" href="#speaker1"&gt;&lt;img&gt;Text&lt;/a&gt;
      &lt;/div&gt;
      &lt;h3&gt;Name&lt;/h3&gt;
      &lt;p class="clearfix"&gt;Text&lt;/p&gt;
      &lt;div class="speaker-bios" style="display: none;"&gt;
          &lt;p&gt;Hidden text&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="speaker_container clearfix"&gt;
      &lt;div class="speaker_img"&gt;
          &lt;a class="speaker_img" href="#speaker2"&gt;&lt;img&gt;Text&lt;/a&gt;
      &lt;/div&gt;
      &lt;h3&gt;Name&lt;/h3&gt;
      &lt;p class="clearfix"&gt;Text&lt;/p&gt;
      &lt;div class="speaker-bios" style="display: none;"&gt;
          &lt;p&gt;Hidden text&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  and so on....
  </code></pre>
  
  <p>`</p>