2016-03-12 29 views
0

我有這個評論系統工作正常 問題是當我刷新頁面,回覆沒有摺疊。我必須點擊按鈕來摺疊它們如何切換回復,顯示和隱藏回覆。並且默認情況下它們應該被隱藏。

所以要儘可能的清楚,如果有評論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> 
+0

'$(本)。接下來( 「got_replies」)。fadeToggle() ;'試試這個 – guradio

+0

@guradio謝謝你修復了它的一部分,但當我刷新頁面時它們仍然展開 –

+0

有這個代碼'$(「。got_replies」)。fadeToggle();'out of click event – guradio

回答

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

指定正確的reply切換

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

要隱藏負荷的答覆

+0

謝謝你能告訴我如何能做到這一條件檢查,以取代我有顯示/隱藏答覆? –

相關問題