jQuery get next element and all of its children
<p>How can I get the next div element and then all of its children?</p>

<pre><code>&lt;div class="1"&gt;&lt;/div&gt;
&lt;div class="2"&gt;
    &lt;div class="child1"&gt;&lt;/div&gt;
    &lt;div class="child2"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="3"&gt;
    &lt;div class="child1"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>so, if <code>$(this)</code> currently is class 1, how can i get to only class 2 and all of its children. And I can't reference it by its class name since i won't know what that is.</p>

<p>I'm basically looking to merge these 2 statements into 1.</p>

<pre><code>$(this).next('div').animate({height : 'toggle'});
$(this).next('div *').animate({height : 'toggle'});
</code></pre>
