jQuery trigger click doesn't work
<p>This is my script :</p>

<pre><code>&lt;script type="text/javascript"&gt;
    function is_numeric(n){
        return !isNaN(parseFloat(n)) &amp;&amp; isFinite(n);
    }

    jQuery(document).ready(function(){
        // Est-ce que on doit forcer l'ouverture d'un asset en particulier ?
        var Hash = window.location.hash;
        var Triggered = false;

        if(Hash != undefined &amp;&amp; Hash != ''){
            Hash = Hash.substring(2);

            if(is_numeric(Hash) === true &amp;&amp; Hash &gt; 0){
                Triggered = true;
                jQuery('.show-container[data-id="'+Hash+'"]').trigger('click');
            }
        }

        if(Triggered === false){
            jQuery('.show-container:first-child').trigger('click');
        }

        jQuery('.show-container').bind('click', function(e){
            //  On empêche l'action par défaut du lien
            e.preventDefault();

            if(ContainerEl.css('display') == 'none'){
                ContainerEl.show(0, function(){
                    SubContainerEl.slideDown(300, function(){
                        // Other code there...
                    });
                });
            } else {
                // On cache le tout
                SubContainerEl.slideUp(300, function(){
                    ContainerEl.hide(0);
                });
            }
        });
    });
&lt;/script&gt;
</code></pre>

<p>and this is the html</p>

<pre><code>&lt;h4 class="heading"&gt;&lt;a class="show-container" data-id="1" href="javascript:void(0);"&gt;BC600 | &lt;span id="assign_count_1"&gt;0&lt;/span&gt; / 5&lt;/a&gt;&lt;/h4&gt;
&lt;div id="asset-data-1" data-ajax-loaded="false" class="row-fluid" style="display: none;"&gt;
    &lt;div data-container="true" class="span12" style="display: none; height: 310px; overflow: auto;"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;h4 class="heading"&gt;&lt;a class="show-container" data-id="2" href="javascript:void(0);"&gt;Ultrabook HP3608 | &lt;span id="assign_count_2"&gt;9&lt;/span&gt; / 25&lt;/a&gt;&lt;/h4&gt;
&lt;div id="asset-data-2" data-ajax-loaded="false" class="row-fluid" style="display: none;"&gt;
    &lt;div data-container="true" class="span12" style="display: none; height: 310px; overflow: auto;"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>The thing is, when <code>window.location.hash</code> is not empty, I want to read it and extract the information. The information will be something like <code>#a2</code> or <code>#a23</code>... the number is the <code>AssetID</code>.</p>

<p>If I see a valid ID, I want to trigger the click, if not I want to trigger the first one by default.</p>

<p>This doesn't work and the console give me no error. I placed some alert to check if the script was going far enough and yes, he does but the trigger do nothing.</p>

<p>Thanks.</p>
