Bootstrap data-toggle collapses div after second click, not first
<p>I have the <a href="http://jsfiddle.net/Lfpcxg0r/" rel="noreferrer">simple example</a> with Bootstrap and toggling divs by click. Here is markup:</p>

<pre><code>&lt;div class="accordion-heading"&gt;
    &lt;a class="accordion-toggle"
       data-toggle="collapse"
       data-parent="#accordion2"
       href="#collapseOne"&gt;Open!&lt;/a&gt;
&lt;/div&gt;
&lt;div id="collapseOne" class="accordion-body"&gt;
    &lt;div class="span6"&gt;
        &lt;div class="well well-small"&gt;
            &lt;div class="accordion-toggle"&gt;
                ...some text...
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="span2"&gt;&lt;/div&gt;                            
&lt;/div&gt;
</code></pre>

<p>When user clixks link with title 'Open!' underlying div expands or collapses. Div is expanded initially and when user clicks first time it has no effect. Then if user clicks second time, div collapses. </p>

<p>In the <a href="http://jsfiddle.net/cg8E3/" rel="noreferrer">original example</a> div is collapsed initially but I would like it  to be opened. How could I fix the problem? </p>