Stop jQuery Animation for all Child Elements
<p>Wish you all a Happy New Year folks!</p>

<p>I just wanted to ask if there was any way to stop jquery animation for ALL CHILD NODES of an element? I mean lets say if I have a below html structure in a document and I have applied different animations to all the div's inside the container - some also in queue=false etc.</p>

<pre><code>&lt;div id="container"&gt;
&lt;div id="element-1"&gt;&lt;/div&gt;
&lt;div id="element-2"&gt;&lt;/div&gt;
&lt;div id="element-3"&gt;&lt;/div&gt;
&lt;div id="element-4"&gt;&lt;/div&gt;
&lt;div id="element-5"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Is there a way to stop all animations for all elements inside the div instantly? Well okay, one would recall the below code immediately</p>

<pre><code>$('#element-1, #element-2, #element-3, #element-4, #element-5').stop(true);
</code></pre>

<p>and it should stop all elements - instantly. And if we try </p>

<pre><code>$('#element-1, #element-2, #element-3, #element-4, #element-5').stop(true, true);
</code></pre>

<p>The elements should jump to end result - <strong>surely not working for me</strong>. Kind of what is required but what if I have 300 elements animating at the same instant - I surely cannot apply the above method eh!</p>

<p>I was seeking something like </p>

<pre><code>$('#container').stop(true,true);
</code></pre>

<p>Is some tweak possible?</p>
