Is this how I should use the .next( [selector] ) in jQuery?
<p>Using jQuery, I have selected an <code>&lt;a&gt;</code> inside a div and want to use <code>$(this)</code> to select the next div (I guess this makes it an uncle?).</p>

<p>I want to use the same class name for all my content so I want to use only relative to <code>$(this)</code>. </p>

<p>Here's an example of the behavior I am after:</p>

<pre><code>&lt;div&gt;&lt;a&gt;click&lt;/a&gt;&lt;/div&gt;
&lt;div&gt; SELECT THIS DIV after click a &lt;/div&gt;  (real code below)
</code></pre>

<p>I have been playing around and it works fine if I don't close the div around the <code>&lt;a&gt;</code>. <code>.next('div")</code> finds the div after the <code>&lt;/a&gt;</code>, but I need to close the div of the <code>&lt;a&gt;</code>.  (So I guess this makes the <code>&lt;a&gt;</code> a child of the div I am in.)  </p>

<p>So I need to access the uncle div of the one I'm in?  How would I do that -</p>

<p>Here's what I have been playing with so far:</p>

<p>js:</p>

<pre><code> $(document).ready(function() {
  $('.demo &gt; .row').hide();  
  $('.demo &gt; .box &gt; a').click(function() {
    $(this).next().slideToggle('fast')
    .siblings('div:visible').slideUp('fast');
  });
});
</code></pre>

<p>html:</p>

<pre><code>&lt;div class="demo"&gt;
    &lt;div class="box"&gt;&lt;a&gt;Title 1&lt;/a&gt;&lt;/div&gt;
    &lt;div class="row"&gt;
        &lt;ul &gt;
            &lt;li&gt; &lt;a &gt;  &lt;img &gt;  &lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
