All Read More/Read Less opens at the same time
<p>Used and modified the code below. Works exactly the way I need it too, but when I use it multiple times on the same page it opens all of my excerpts at the same time. Does anyone know why, and what I need to do for it to stop and open only on the items that have been clicked?</p>

<p>HTML:</p>

<pre><code>&lt;article class="excerpt"&gt;
   &lt;h2&gt;Title&lt;/h2&gt;
   &lt;p&gt;This is a sentence...&lt;/p&gt;
   &lt;div class="full-story"&gt;
      &lt;p&gt;This is the rest of the first sentence...&lt;/p&gt;
   &lt;/div&gt;
   &lt;a class="excerpt-trigger" href="#"&gt;Read More&lt;/a&gt;
&lt;/article&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>$('.full-story').hide();

$('.excerpt-trigger').toggle(function() {
  $('.full-story').fadeIn('slow');
  $(".excerpt-trigger").removeClass("is-more");
  $(".excerpt-trigger").addClass("is-less");
  $(this).text("Less info");
}, function() {
  $('.full-story').hide('fast');
  $(".excerpt-trigger").addClass("is-more");
  $(".excerpt-trigger").removeClass("is-less");
  $(this).text("More info");
});
</code></pre>

<p>Sorry, left out the excerpt-trigger class. Updated.</p>
