jquery selector to choose a different element than the one clicked
<p>This is the simplified html:</p>

<pre><code>&lt;div id="l01"&gt;
&lt;ul style="width:450px;"&gt;
&lt;li&gt;&lt;img src="images/iconarrow.gif" alt="arrow" width="9" height="11" align="left" /&gt;&amp;nbsp;
&lt;a href="#"&gt;Preview&lt;/a&gt;                            
&lt;/li&gt;

&lt;li class="showStats"&gt;&lt;a class="showstatlink" href="javascript:{}"&gt;&lt;img class="sstatsImage" src="images/iconarrow.gif"  /&gt;&amp;nbsp;
                        Show Stats&lt;/a&gt;                            
&lt;/li&gt;                         
&lt;/ul&gt;                       
&lt;/div&gt;
&lt;div class="sstatsDetails"&gt;
        ...
&lt;/div&gt;
</code></pre>

<p>I want to click on class='showstatlink', and i want that click to trigger a toggle of class='sstatsDetails', but only the next one, I don't want all of the elements on the page with that class to toggle.</p>
