2026, 새로운 도약을 시작합니다.

"답글보기" 누르면 답글 보이게 하는 법 채택완료

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

3034923468_1720633476.5157.jpg

그래서 답글에

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

Copy
Copy


$(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();

 });

});

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

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

Copy
$('.btn_reply_view').click(function() {

var comment_id = $(this).data('comment-id');

$('#' + comment_id + ' .comment_inner.comment_reply_folding').show();

 });

위 코드를

Copy
$('.btn_reply_view').click(function() {

$('.comment_inner.comment_reply_folding').show();

 });

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

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

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

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

Copy
var comment_id = $(this).data('comment-id');

$('#' + comment_id + ' .comment_inner.comment_reply_folding').show();

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

답변 1개

채택된 답변
+20 포인트

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

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

Copy
Copy


$('.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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다 미니님님

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고