"답글보기" 누르면 답글 보이게 하는 법
본문
유튜브 댓글처럼 처음에는 답글을 숨겨놓고 답글 부분을 눌러야 답글이 나오게 하려고 합니다.
그래서 답글에
.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();
}
});
감사합니다 미니님님
답변을 작성하시기 전에 로그인 해주세요.
