title: able to fold and unfold, but how to toggle html text when folded and unfolded. (such as view replies/hide replies)
body: <p>currently I'm able to fold and unfold comment replies, but when I unfold it, it still says view replies. I want this to be changed to hide replies. how do I achieve this?</p>
  
  <pre><code> &lt;a href='#' class='replies'&gt;           
           view{{comment.comment_count}}replies&lt;/a&gt;
  &lt;script&gt;
  $('.replies').click(function(e){
    e.preventDefault();
    $(this).next(".got_replies").fadeToggle(); 
  })
  $(".got_replies").fadeToggle(); 
  
  &lt;/script&gt;
  </code></pre>
  
  <p>I have no idea how to do this...can someone gives me some hint?I don't think this will be too complicated job but don't know how to even start...</p>