채택완료

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

Copy
$(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개

채택된 답변
+20 포인트

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

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