테스트 사이트 - 개발 중인 베타 버전입니다

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

qoqofh 3년 전 조회 1,352

</p>

<p> </p>

<p>$(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);

            });

        });</p>

<p> </p>

<p>

 

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

 

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

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

답변 1개

채택된 답변
+20 포인트
F
3년 전

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

로그인 후 평가할 수 있습니다

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

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

로그인