title: Bootstrap 5 data-bs-toggle "collapse" prevent action with clicking button with in div
body: <p>I have a &lt; div &gt; with the data-bs-toggle attribute.  Within that div I have buttons</p>
  <p><a href="https://i.stack.imgur.com/RzagX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RzagX.png" alt="Example" /></a></p>
  <p>The Panel will collapse when you click it, but I don't want the collapse event to trigger when you click the buttons.  How can I control this behavior.  It looks like the bs event happens before the button click event.</p>
  <p>Within the click event for the buttons I tried adding:</p>
  <pre><code>e.preventDefault();
  e.stopPropagation();
  </code></pre>
  <p>This didn't seem to have the desired effect I needed.</p>