multiple slideDowns toggle two elements
<p>I'm trying to find a way to slide down a div and change the clicked link text to say "Read less" but only the div below.</p>

<pre><code>&lt;h2&gt;Hello World&lt;/h2&gt;
&lt;span class="trigger"&gt;&lt;a href="javascript:;"&gt;Read more...&lt;/a&gt;
&lt;div class="toggle_container"&gt;Isn't it a sunny day!&lt;/div&gt;

&lt;h2&gt;Hello Again!&lt;/h2&gt;
&lt;span class="trigger"&gt;&lt;a href="javascript:;"&gt;Read more...&lt;/a&gt;
&lt;div class="toggle_container"&gt;Today isn't so sunny.&lt;/div&gt;
</code></pre>

<p>Here's the closest I have gotten, but it does all divs when any of the anchors are clicked.</p>

<pre><code>  $(document).ready(function() { 
  $('.toggle_container').hide();

  $("span.trigger a").click(function() {
    $(".toggle_container").animate({ opacity: 1.0 },200).slideToggle(500, function() {
      $("span.trigger a").text($(this).is(':visible') ? 'Read less...' : 'Read more...');
    }); 
});

}); 
</code></pre>
