Accordion JS wont open from a hashtag link
<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>
