如何切换回复，显示和隐藏回复。默认情况下，它们应该被隐藏。

Question

我有这个评论系统工作正常 问题是当我刷新页面时，回复没有折叠。我必须点击按钮才能折叠

所以尽可能清楚，如果有评论A，然后在评论A下我想要“查看所有x回复”按钮折叠。如果单击该按钮，则需要显示所有回复。

所以这就是我所做的。

<div class="wholeReply">
    <a href='#' class='replies'>           
      {{comment.comment_count}} replies</a>
    <div class="got_replies">
    <ul>
    {% for child in comment.get_children %}
    <li>{{ child.get_comment }} 
    <small><a href="{% url 'userena_profile_detail' post.moderator.username %}">{{ child.user.user }}</a></small>


    </li>
    {% endfor %}
    </ul>
  </div>
</div>
<script>

$('.replies').click(function(e){
  e.preventDefault();
  $(this).next(".got_replies").fadeToggle();  // $(".reply_comment").fadeToggle();
})
</script>

Answer 1

$(this).next(".got_replies").fadeToggle();

定位正确的reply以切换

$(".got_replies").fadeToggle();

隐藏加载回复