댓글 옵션창 똑같은 버튼 눌러서 닫는 방법

댓글 옵션창 똑같은 버튼 눌러서 닫는 방법

QA

댓글 옵션창 똑같은 버튼 눌러서 닫는 방법

본문

그누보드 데모 사이트에서

 

아래 빨간 동그라미 친 버튼을 누르면 "답변"이라는 옵션창이 나오는데

 

다시 빨간 동그라미 친 버튼을 눌렀을 때 그 옵션창이 닫히지가 않습니다.

 

990231471_1720449930.4386.png

 

아래 코드가 관련 부분인데 아래 코드를 어떻게 수정해야 동일 버튼을 눌렀을 때 옵션창이 닫히게 설정할 수 있을까요? ㅠㅠ

 

// 댓글 옵션창 열기
$(".btn_cm_opt").on("click", function(){
$(this).parent("div").children(".bo_vc_act").show();
});
 
// 댓글 옵션창 닫기
$(document).mouseup(function (e){
var container = $(".bo_vc_act");
if( container.has(e.target).length === 0)
container.hide();
});

 

데모 사이트 : https://demo.sir.kr/gnuboard5/bbs/board.php?bo_table=n_gallery&wr_id=12

이 질문에 댓글 쓰기 :

답변 1


...
<!-- } 댓글 쓰기 끝 -->
<script>
jQuery(function($) {            
    //댓글열기
    $(".cmt_btn").click(function(e){
        e.preventDefault();
        $(this).toggleClass("cmt_btn_op");
        $("#bo_vc").toggle();
    });
 
    // --------------------------------------- 댓글 옵션창 열기/닫기 재정의
    $(".btn_cm_opt").off("click");
    $(document).off('mouseup');
 
    // 댓글 옵션창 열기
    $(".btn_cm_opt").on("click", function(){
        //$(this).parent("div").children(".bo_vc_act").show();
        $(this).parent("div").children(".bo_vc_act").toggle();
    });
 
    // 댓글 옵션창 닫기
    $(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();
    });
    // --------------------------------------- 댓글 옵션창 열기/닫기 재정의
});
</script>
</article>
<!-- } 게시판 읽기 끝 -->
...
답변을 작성하시기 전에 로그인 해주세요.
전체 118
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT