title: Toggle text sibilings when you slideToggle and toogle text
body: <p>When clicking a button I would like the text to toggle and say "read more" or "read less". If I click an other button, I would like the previous button go back to its original text "read more"</p>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;div class="accordion"&gt;
    &lt;div class="abtn"&gt;
      &lt;input id="A-1" type="radio" value="A"&gt;
      &lt;label class="chars" for="A-1"&gt;A&lt;/label&gt;
      &lt;div class="char-more"&gt;Learn More&lt;/div&gt;
   &lt;/div&gt;
  &lt;div class="acontent"&gt;Hello I am content A&lt;/div&gt;
  
   &lt;div class="abtn"&gt;
       &lt;input id="B-1" type="radio" value="B"&gt;
       &lt;label class="chars" for="B-1"&gt;B&lt;/label&gt;
       &lt;div class="char-more"&gt;Learn More&lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="acontent"&gt;Hello I am content B&lt;/div&gt;
  
   &lt;div class="abtn"&gt;
       &lt;input id="C-1" type="radio" value="C"&gt;
       &lt;label class="chars" for="C-1"&gt;C&lt;/label&gt;
       &lt;div class="char-more"&gt;Learn More&lt;/div&gt;
     &lt;/div&gt;
      &lt;div class="acontent"&gt;Hello I am content B&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>   $(".abtn .char-more").click(function(){
         $(this).closest('.abtn').nextAll(".acontent").first().slideToggle("fast")
         .siblings(".acontent:visible").slideUp('fast');
         $(this).html("Read Less");
         $(this).siblings(".char-more").html("Read More");
     });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/zRqYM/31/" rel="nofollow">JsFiddle</a>.</p>