javascript - 能够折叠和展开，但如何在折叠和展开时切换 html 文本。 (如查看回复/隐藏回复)

Question

目前我可以折叠和展开评论回复，但当我展开它时，它仍然显示“查看回复”。我希望将其更改为隐藏回复。我该如何实现这一目标？

 <a href='#' class='replies'>           
         view{{comment.comment_count}}replies</a>
<script>
$('.replies').click(function(e){
  e.preventDefault();
  $(this).next(".got_replies").fadeToggle(); 
})
$(".got_replies").fadeToggle(); 

</script>

我不知道该怎么做...有人能给我一些提示吗？我不认为这会是太复杂的工作，但不知道如何开始...

Answer 1

尝试一些文本操作

 $('.replies').click(function(e){
   e.preventDefault();
   $(this).next(".got_replies").fadeToggle();
    text =  $(this).text();

    if(text.indexOf('view') >= 0) {
       text = text.replace('view','hide');
    } else {
     text = text.replace('hide','view');
    }
     $(this).text(text);
    });

https://jsfiddle.net/Lnq5ba4t/