title: Accordion JS wont open from a hashtag link
body: <p>I have an accordion shortcode working fine on my pages but when I have a link in the content that I want to open a specific panel in the accordion it will not work.
  Maybe someone can lead me in the path to edit my JS code?</p>
  
  <pre><code>/**
   * Main JavaScript
   */
  
  // Document is loaded...
  jQuery(document).ready(function($) {
  
          /******************************************
           * ACCORDION (Shortcode)
           **************************************/
  
          var accordion_active_class = 'accordion-active';
  
          // Loop each instance
          $('.accordion').each(function() {
  
              var accordion_wrapper = this;
              var sections = $('&gt; section', accordion_wrapper);
  
              // Make sure only one active section on load
              var active_section_set = false;
              $(sections).each(function(index) {
  
                  // Section is active
                  if ($(this).hasClass('accordion-active')) {
  
                      // Another was already set
                      if (active_section_set) {
                          $(this).removeClass('accordion-active'); // hide section
                      }   
  
                      // Allow only one active section
                      active_section_set = true;
  
                  }
  
              });
  
              // Click on section
              $('.accordion-section-title', sections).click(function() {
  
                  var section = $(this).parent();
  
                  // if clicked section was not self
                  if (!$(section).hasClass(accordion_active_class)) {
  
                      // hide all section content
                      $('.accordion-content', sections).hide();
  
                      // show current section content
                      $('.accordion-content', section).hide().fadeTo(500, 1); // fadeTo looks better than fadeIn in IE7
  
                      // move active class to new active section
                      sections.removeClass(accordion_active_class);
                      $(section).addClass(accordion_active_class);                
  
                  }
  
                  // if it was self, close it
                  else {
                      $('.accordion-content', sections).hide();
                      sections.removeClass(accordion_active_class);
                  }
  
              });
  
          });
  
          // CSS fixes for IE8 which doesn't support :not or :last-child
          $('.accordion section .accordion-content &gt; :last-child').css('margin-bottom', '0');
          $('.accordion section:not(.' + accordion_active_class + ') .accordion-content').hide(); 
  
          // Mysterious IE8 layout bug fix
          // http://stackoverflow.com/questions/3350441/dynamic-elements-are-not-appearing-in-ie8-until-there-is-a-mouse-click
          $('.accordion section').addClass('dummyclass').removeClass('dummyclass');
  
  });
  </code></pre>
  
  <p>This is the HTML that is output:</p>
  
  <pre><code>&lt;div class="accordion"&gt;
  &lt;section id="title1" class=""&gt;
  &lt;div class="accordion-section-title"&gt;Title 1&lt;/div&gt;
  &lt;div class="accordion-content" style="display: none; opacity: 1;"&gt;
  &lt;p&gt;This is some text.&lt;/p&gt;
  &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;section id="title2" class=""&gt;
  &lt;div class="accordion-section-title"&gt;Title 2&lt;/div&gt;
  &lt;div class="accordion-content" style="display: none; opacity: 1;"&gt;
  &lt;p&gt;This is some more text.&lt;/p&gt;
  &lt;/div&gt;
  &lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And finally this is the structure of the link that I want to trigger the dropdown:</p>
  
  <p><code>&lt;a href="#title1"&gt;Title 1 - trigger&lt;/a&gt;</code></p>