title: jQuery next() should be simple not working
body: <p>I am trying to do what seems like should be a simple jQuery effect, I've used similar code before, but I am unable to get it to work. I am still pretty new to this, it's probably something super easy, but I have spent quite some time, I don't see it. </p>
  
  <p>My hmtl is like this</p>
  
  <pre><code>&lt;a href="#" class="trigger"&gt;details&lt;/a&gt;
  &lt;div class="details"&gt;       
    &lt;?echo $data['referral'];?&gt;
    &lt;a href="#"&gt;update&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My jQuery</p>
  
  <pre><code>$(document).ready(function () {  
  $('.trigger').click(function() {
      $(this).nextAll(".details:first").toggle('slow', function () {
      });
    });
   });  
  </code></pre>
  
  <p>I have also tried:
      $(this).next().toggle('slow', function ()</p>
  
  <p>The only thing that will work is 
       $('.details').toggle('slow', function () 
  but that opens all the details tabs on my page, not very useful. </p>
  
  <p>Would greatly appreciate any tips!</p>