title: Disable collapse for link in a data-toggle element
body: <p>I have a collapsing panel body, like this (<a href="http://jsfiddle.net/langner/dLqK6/" rel="noreferrer">the fiddle</a>, which now has the fixed code):</p>
  
  <pre><code>&lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
          &lt;div class="panel-title" data-toggle="collapse" href="#collapseOne"&gt;
              &lt;a href="#"&gt;1) collapsing link&lt;/a&gt;
              &lt;a href="#"&gt;2) not collapsing link&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="collapseOne" class="panel-collapse collapse in"&gt;
          &lt;div class="panel-body"&gt;Anim pariatur cliche ...&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The data-toggle is set on the panel title, because I want a click anywhere on it to open the other panel. Except the second link. My goal is to disable the collapsing behavior for the second link. What is the best/simplest way to achieve that?</p>
  
  <p><strong>Important</strong>: I do not want to set the data-toggle on the first link only. I want a click anywhere on the panel to trigger the even, except on the second link.</p>