"답글보기" 누르면 답글 보이게 하는 법

"답글보기" 누르면 답글 보이게 하는 법

QA

"답글보기" 누르면 답글 보이게 하는 법

답변 1

본문

유튜브 댓글처럼 처음에는 답글을 숨겨놓고 답글 부분을 눌러야 답글이 나오게 하려고 합니다.

 

3034923468_1720633476.5157.jpg

 

그래서 답글에

 

.comment_inner.comment_reply_folding 클래스를 지정해줬고 다음과 같이 코드를 작성했습니다.

 

<button class="btn_reply_view" data-comment-id="<?php echo $comment_id ?>">답글보기</button>

 

<script>
$(document).ready(function() {
$('.comment_inner.comment_reply_folding').hide();
 
$('.btn_reply_view').click(function() {
var comment_id = $(this).data('comment-id');
$('#' + comment_id + ' .comment_inner.comment_reply_folding').show();
 });
});
</script>

 

.comment_inner.comment_reply_folding{display:none} 해보니까 답글 사라지는 건 잘 돼서 답글에 클래스 적용은 잘 됐습니다.

 

그런데 답글보기 버튼을 눌러도 답글이 나타나지 않습니다.

 

$('.btn_reply_view').click(function() {
var comment_id = $(this).data('comment-id');
$('#' + comment_id + ' .comment_inner.comment_reply_folding').show();
 });

 

위 코드를

 

$('.btn_reply_view').click(function() {
$('.comment_inner.comment_reply_folding').show();
 });

 

위 코드로 바꾸니까 답글보기 버튼 눌렀을 때 모든 댓글의 모든 답글이 나타나는 게 가능합니다.

 

특정 댓글의 답글들을 지정하는 부분이 잘못된 거 같은데

 

어떻게 수정해야 답글보기를 누르면 해당 댓글의 답글만 보이게 될까요?

 

제가 봤을 땐 아래 부분을 수정해야 될 거 같은데 어떻게 수정해야 될지를 모르겠네요 ㅠㅠ

 

var comment_id = $(this).data('comment-id');
$('#' + comment_id + ' .comment_inner.comment_reply_folding').show();

 

(답글은 1단계만 사용하고 있습니다.)

이 질문에 댓글 쓰기 :

답변 1

코드를 아래 처럼 변경 해주세요

 

움짤로 잘 되는거 확인해보세요

 


    <?php
    $class ="";
    if(strlen($list[$i]['wr_comment_reply']) > 0){
        $class = "comment_inner comment_reply_folding";
    }else{
        $class = "no_reply";
    }
    ?>
 
    <article class="<?php echo $class ?>" id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
 

 


$('.btn_reply_view').click(function() {
    if($(this).parents(".no_reply").length > 0){
        $(this).parents(".no_reply").next(".comment_inner.comment_reply_folding").show();
    }
});

 

978180634_1720657645.0818.gif

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 11
© SIRSOFT
현재 페이지 제일 처음으로