title: webkitTransitionEnd event fired when transitions end on div AND transitions end on all CHILD divs?
body: <p>All,</p>
  
  <p>I have a situation that looks roughly like this:</p>
  
  <p>My HTML page a contains div (which I'll call <strong>"parentDiv"</strong>) on which I'm performing a transition. When that transition ends, it should call <strong>"onTransitionEndParent"</strong></p>
  
  <p>parentDiv contains a div (which I'll call <strong>"childDiv"</strong>) on which I'm performing a <em>different</em> transition. When that transition ends, it should call <strong>"onTransitionEndChild"</strong>.</p>
  
  <p>So, my code looks roughly like this:</p>
  
  <pre><code>parentDiv.addEventListener("webkitTransitionEnd", onTransitionEndParent, false);
  childDiv.addEventListener("webkitTransitionEnd", onTransitionEndChild, false);
  </code></pre>
  
  <p>The problem I'm finding...</p>
  
  <p>onTransitionEndParent is called when the parentDiv's transition ends (correct). However, it's <strong>ALSO</strong> called when childDiv's transition ends (not what I expected...)</p>
  
  <p>In other words...</p>
  
  <ul>
  <li>onTransitionEndChild is called when childDiv's transition ends</li>
  <li>onTransitionEndParent is called when parentDiv's transition ends
  <strong>AND AGAIN</strong> when childDiv's transition ends</li>
  </ul>
  
  <p>Is this the correct behavior, or am I doing something wrong?</p>
  
  <p>Is there a way to make sure that onTransitionEndParent is ONLY called when the parentDiv's transition ends, and NOT when any of it's child div's transitions end?</p>
  
  <p>Many thanks in advance.</p>