댓글 옵션창 똑같은 버튼 눌러서 닫는 방법 채택완료
하호헤하
1년 전
조회 7,596
그누보드 데모 사이트에서
아래 빨간 동그라미 친 버튼을 누르면 "답변"이라는 옵션창이 나오는데
다시 빨간 동그라미 친 버튼을 눌렀을 때 그 옵션창이 닫히지가 않습니다.
http://sir.kr/data/editor/2407/990231471_1720449930.4386.png" width="100%" />
아래 코드가 관련 부분인데 아래 코드를 어떻게 수정해야 동일 버튼을 눌렀을 때 옵션창이 닫히게 설정할 수 있을까요? ㅠㅠ
// 댓글 옵션창 열기</p>
<p>$(".btn_cm_opt").on("click", function(){</p>
<p>$(this).parent("div").children(".bo_vc_act").show();</p>
<p>});</p>
<p> </p>
<p>// 댓글 옵션창 닫기</p>
<p>$(document).mouseup(function (e){</p>
<p>var container = $(".bo_vc_act");</p>
<p>if( container.has(e.target).length === 0)</p>
<p>container.hide();</p>
<p>});
데모 사이트 : https://demo.sir.kr/gnuboard5/bbs/board.php?bo_table=n_gallery&wr_id=12
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
1년 전
</p>
<p>...</p>
<p><!-- } 댓글 쓰기 끝 -->
<script>
jQuery(function($) {
//댓글열기
$(".cmt_btn").click(function(e){
e.preventDefault();
$(this).toggleClass("cmt_btn_op");
$("#bo_vc").toggle();
});</p>
<p> </p>
<p> // --------------------------------------- 댓글 옵션창 열기/닫기 재정의
$(".btn_cm_opt").off("click");
$(document).off('mouseup');</p>
<p> </p>
<p> // 댓글 옵션창 열기
$(".btn_cm_opt").on("click", function(){
//$(this).parent("div").children(".bo_vc_act").show();
$(this).parent("div").children(".bo_vc_act").toggle();
});</p>
<p> </p>
<p> // 댓글 옵션창 닫기
$(document).mouseup(function (e){
var container = $(".bo_vc_act");
// if( container.has(e.target).length === 0)
if( container.parent('div').has(e.target).length === 0)
container.hide();
});</p>
<p> // --------------------------------------- 댓글 옵션창 열기/닫기 재정의
});
</script></p>
<p></article>
<!-- } 게시판 읽기 끝 --></p>
<p>...</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
하호헤하
1년 전
배르만님 다시 한번 감사드립니다. 천재세요!!!!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인