title: Prevent nested elements from triggering an event for parent element
body: <p>Structure:</p>
  
  <p><code>.parent (has if/else to toggle on click) -&gt; .child (has nothing)</code></p>
  
  <pre><code>&lt;div class="parent"&gt;Parent
      &lt;div class="child"&gt;Child&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The parent element is styled to hide overflowing content and toggle its height on click. When the user clicks, the parent element will expand to show the child element. I want users to be able to click on the child element without the parent element toggling back to its original size and hiding the child element. I want the toggle to only happen on the parent.</p>
  
  <p>I realize the child element is still contained within the parent element's clickable area, but is there a way to exclude it?</p>