How to access "next" div in row of elements
<p>Below is the example code. What I want to happen is when I click the "toggle" link above the particular indented div I want it to toggleSlide the div.indented below it but not affect the other indented elements... I cannot change the layout of the div's so I need to figure out how to access it with jquery.</p>

<p>If they were in the same div with each other I suspect I could use:</p>

<pre><code>jQuery(this).siblings(".indented").slideToggle(500);
</code></pre>

<p>So looking for that sort of functionality.... could I use like .next()? But that doesn't seem to work either.</p>

<pre><code>&lt;script type="text/javascript"&gt;
    jQuery(document).ready(function() {
      jQuery(".link").click(function() {
         jQuery(".indented").slideToggle(500);
      });
    });
&lt;/script&gt;


&lt;div class="comment"&gt;
    &lt;div class="outter"&gt;
        &lt;div class="inner"&gt;
            &lt;div class="links"&gt;
                &lt;a class="link"&gt;Toggle&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="indented"&gt;
    &lt;div class="comment"&gt;Some comment&lt;/a&gt;
    &lt;div class="comment"&gt;Another comment&lt;/div&gt;
&lt;/div&gt;

&lt;!-- Comment #2 ---&gt;

&lt;div class="comment"&gt;
    &lt;div class="outter"&gt;
        &lt;div class="inner"&gt;
            &lt;div class="links"&gt;
                &lt;a class="link"&gt;Toggle&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="indented"&gt;
    &lt;div class="comment"&gt;Some comment&lt;/a&gt;
    &lt;div class="comment"&gt;Another comment&lt;/div&gt;
&lt;/div&gt;

&lt;!-- Comment #3 ---&gt;

&lt;div class="comment"&gt;
    &lt;div class="outter"&gt;
        &lt;div class="inner"&gt;
            &lt;div class="links"&gt;
                &lt;a class="link"&gt;Toggle&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="indented"&gt;
    &lt;div class="comment"&gt;Some comment&lt;/a&gt;
    &lt;div class="comment"&gt;Another comment&lt;/div&gt;
&lt;/div&gt;
</code></pre>
