jquery displaying an unnested div using nextall
<p>having read through how to use nextall() i'm still a little stumped with the following: I have a loop that will be outputting the following code.</p>

<pre><code>&lt;div id="placement" style="float:right"&gt; 
    &lt;a class="eng-sum"&gt;&lt;img src="/flags/en.png"&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;div class="tool-summary" id="tool-summary" style="clear:both; display:none"&gt;
    blar blar
&lt;/div&gt;
</code></pre>

<p>I looking to click on uk flag and display the next div.tool-summary</p>

<p>Here is the jquery script I'm using:</p>

<pre><code>$('.eng-sum').click(function() {   

   $(this).nextAll(".tool-summary:first").slideToggle();

});
</code></pre>

<p>This script only works if I wrap the .tool-summary div within the #placement div which is undesirable - I thought that the nextall() function would take care of this, but it seems not to?</p>
