jQuery - How do I select div inside same table cell?
<p>I am trying to select a div that is inside the same tr as the href link.  I have several other divs in other table rows that share the same class.  I can't use parent(); or find();, can I?  </p>

<pre><code>&lt;tr&gt;&lt;td&gt;
&lt;a href="#" class="downloadTracksShow"&gt;Download Tracks&lt;/a&gt;&lt;div class="downloadTracksDiv" style="display:none;"&gt;

&lt;a href="downloads/mike/166320669010secreason.wav"&gt;Main Mix Track&lt;/a&gt;&lt;br&gt;
&lt;a href="downloads/mike/94964secreason.wav"&gt;Bass&lt;/a&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/div&gt;


 $('.downloadTracksShow').click(function(e){
     e.preventDefault();
     var tracksDiv = $(this).find(".downloadTracksDiv");
     $(tracksDiv).slideToggle();
 });
</code></pre>
