Kills all tweens of the children of a particular DOM element, optionally forcing them to completion first. For example, if you have the following HTML:And then let's say you create a tween of each of the elements (d1, d2, image, and d3) and then later you want to kill only the tweens of DOM elements that are children of d1 (which would be d2 and image in this example), you'd call TweenMax.killChildTweensOf( document.getElementById("d1") )
.
TweenMax.to( document.getElementById("d2"), 1, {css:{left:100}});TweenMax.to( document.getElementById("image"), 1, {css:{left:100}});TweenMax.to( document.getElementById("d3"), 1, {css:{left:100}});//only kills the first 2 tweens because those targets are child elements of the "d1" DOM element.TweenMax.killChildTweensOf( document.getElementById("d1") );