title: jQuery Toggle Next Row in Table
body: <p>I'm not sure why this isn't working...</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
    &lt;th&gt;Name&lt;/th&gt;
    &lt;th&gt;Options&lt;/th&gt;
  &lt;/tr&gt;
  &lt;?php // loop over items
  while ($row = mysql_fetch_assoc($qry)){ ?&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;?=$row['name'];?&gt;&lt;/td&gt;
      &lt;td&lt;a href="#" class="trigger"&gt;Detail&lt;/a&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td colspan="100%" class="details"&gt;
      stuff
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;?php
  } ?&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Then the jQuery I'm using is...</p>
  
  <pre><code>$(document).ready(function () {  
    $('.trigger').click(function() {
      $(this).parents("table").siblings(".details").slideToggle();
      // also tried this...
      // $(this).parents("table").nextAll(".details").slideToggle();
      return false;
    });
  });  
  </code></pre>
  
  <p>I've tried moving the details class to the TR. What I'd like is when someone clicks the "Detail" link the following TR should toggle. I've put an ID on the top table and alerted attr('id') of parent and that works. Changing ".siblings" to ".find" toggles them all.</p>
  
  <p>Thanks for any help.</p>