토글클릭으로 스크립트 삽입 시, 두번 눌러야하는 현상

토글클릭으로 스크립트 삽입 시, 두번 눌러야하는 현상

QA

토글클릭으로 스크립트 삽입 시, 두번 눌러야하는 현상

답변 1

본문


 
$(document).ready(function() {
            $(".goupbtn2").toggle(function() {
                $(".form_fixed__box").stop().not().animate({
                    "bottom": "0"
                }, 500);
                
            }, function() {
                $(".form_fixed__box").stop().not().animate({
                    "bottom": "-355px"
                }, 500);
                
            });
            $("#section").click(function(){
                $(".form_fixed__box").stop().not().animate({
                    "bottom": "-355px"
                }, 500);
            });
        });
 

 

이렇게 토글을 사용하여 해당버튼 클릭 시 포지션 바텀 변경되도록 하였습니다. 그 후, section 즉 바깥쪽에있는 섹션을 클릭할 경우 -355px로 내려가도록 하였습니다. 

 

근데 섹션을 클릭해서 바텀이 -355px내려가면, 그후에 goupbtn2를 두번 눌러야 올라오는데, 이부분 해결할 수 있는 부분이 있을까요?

이 질문에 댓글 쓰기 :

답변 1

토글이외의 이벤트에서도 bottom 값을 변경해주기 때문에 차라리 bottom -355px 일경우 해당 클래스에 active 같은 클래스를 하나 부여해 주고 goupbtn2를 클릭했을때 부여한 클래스가 있을경우 0으로 보내고 active 해제, 없을경우 -355px로 보내고 active 부여 이렇게 처리하면 될것 같네요. 

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