title: Twitter Bootstrap 3 - Auto Expand An Accordion When A Link Clicked In Another Accordion
body: <p>I have  page with various accordions on.  Some of these accordions reference content in another accordion on the page, my question is how do I make it so that the  in the first accordion expands the other accordion.</p>
  
  <p>I cant seem to get it to work.</p>
  
  <p>I have set the link up as <code>&lt;a href="#SubTitle2"&gt;Test&lt;/a&gt;</code></p>
  
  <p>And on the first <code>&lt;p&gt;</code> under the <code>&lt;div class="panel-body"&gt;</code> as <code>&lt;p id="SubTitle2"&gt;Content&lt;/p&gt;</code> but this does nothing at all.</p>
  
  <p>Am I putting it in the wrong place or am I going about it completely wrong?</p>
  
  <p>Below is my complete code</p>
  
  <pre><code>    &lt;div class="panel-group" id="accordion"&gt;
      &lt;div class="panel panel-default"&gt;
          &lt;div class="panel-heading"&gt;
              &lt;h3 class="panel-title"&gt;
                  &lt;a class="accordion-toggle collapsed" data-parent="#accordion" href="#collapseOne" data-toggle="collapse"&gt;Heading 1&lt;/a&gt;
              &lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="panel-collapse collapse" id="collapseOne"&gt;
              &lt;div class="panel-body"&gt;
                  &lt;p&gt;&lt;a href="#SubTitle2"&gt;Test&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="panel-group" id="accordion"&gt;
      &lt;div class="panel panel-default"&gt;
          &lt;div class="panel-heading"&gt;
              &lt;h3 class="panel-title"&gt;
                  &lt;a class="accordion-toggle collapsed" data-parent="#accordion" href="#collapseTwo" data-toggle="collapse"&gt;Heading 2&lt;/a&gt;
              &lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="panel-collapse collapse" id="collapseTwo"&gt;
              &lt;div class="panel-body"&gt;
                  &lt;p id="SubTitle2"&gt;Content&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>