토글클릭으로 스크립트 삽입 시, 두번 눌러야하는 현상
본문
$(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 부여 이렇게 처리하면 될것 같네요.
답변을 작성하시기 전에 로그인 해주세요.