Using jQuery to toggle DIV in next row
<p>I'm trying to toggle the build_files_toggle classed div in the next row when you click the 
build_files_toggld classed link above it. I can get the next row to collapse with  $(this).parent().parent().next().slideToggle(30), but when I add the '.build_files_toggle' it doesn't work... and it's killing me. I even tried  $(this).parent().parent().next().children('.build_files_toggle').slideToggle(30);
But no luck! Any idea here would be great.</p>

<p>Hell even a really good tutorial on all the jquery selectors would be nice!</p>

<pre><code>  $(".build_files_toggle").click(function()
  {
   $(this).parent().parent().next('.build_files_toggle').slideToggle(30);

  });

    &lt;div class="buildGroup" id="RecentBuilds"&gt;
        &lt;table&gt;
            &lt;tr&gt;
                &lt;th&gt;    
                    Build Date
                &lt;/th&gt;
                &lt;th&gt;
                    Built By
                &lt;/th&gt;                   
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;
                    Aug 22nd 3:11 pm
                &lt;/td&gt;                   
                &lt;td&gt;
                    &lt;a href="#"  class="build_files_toggle" &gt;View&lt;/a&gt;
                &lt;/td&gt;                   
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td colspan="2"&gt;
                    &lt;div id="build_files1" class="infoBox_build_files"&gt;
                        This is a block of text. This is a block of text. This is a block of text. This is a block of text. This is a block of text. This is a block of text. This is a block of text. This is a block of text.
                    &lt;/div&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
</code></pre>
