title: Accordion with a link to external resource
body: <p>I am trying to have an accordion with whole header DIV clickable which also includes a link which does not influence accordion status but instead open an external link in new a tab/windows.</p>
  
  <p>but if I do this, header is capturing click event on my link and it toggles accordion status only.</p>
  
  <p>Example code:</p>
  
  <pre><code>&lt;div class="accordion" id="accordion2"&gt;
    &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"&gt;
        &lt;a href="http://www.google.com" target="_blank"&gt;
          Collapsible Group Item #1
        &lt;/a&gt;&lt;br /&gt;
        whole heder is&lt;br /&gt;
        clickable&lt;br /&gt;
      &lt;/div&gt;
      &lt;div id="collapseOne" class="accordion-body collapse in"&gt;
        &lt;div class="accordion-inner"&gt;
          Anim pariatur cliche...
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/LUzwP/6/" rel="nofollow">http://jsfiddle.net/LUzwP/6/</a> </p>
  
  <p>is it at all possible to implement?</p>