Jquery Bind/Unbind

Question

내 사이트에서 연락처 버튼을 누르면 연락처 양식이 포함 된 div가 슬라이드 아래쪽으로 이동합니다 (jQuery 애니메이션 사용). 이 div에는 슬라이드를 누른 상태에서 슬라이드를 누르면 (원래 위치는 화면에서 벗어나는) 닫기 버튼이 있습니다. 연락처 단추를 눌렀을 때 한 번만 작동하지만 div를 닫으면 다시 작동합니다.

이 기능은 bind/unbind 기능을 사용하고 있지만 작동하지는 않습니다.

$(document).ready(function() { 
var handler = function() { 
$('.top,.left,.main,.header').animate({ 
top: '+=120' 
}, 1300, 'easeOutBounce'); 
} 
$('#contact').bind('click', handler); 
$('#contact').unbind('click', handler); 
}); 
$('#close').click(function() { 
$('.top,.left,.main,.header').animate({ 
top: '-=120' 
}, 1300, 'easeOutBounce'); 
}); 

나는에 추가하기 위해 노력하고있어 사이트가 여기에 있습니다 : : 당신의 도움에 대한 www.samskirrow.com/projects/move_div

덕분에 여기 내 코드입니다. Sam

Answer 1

알아보기, 바인드 해제 명령을 사용하지 않기로 결정했지만 대신 토글합니다. 오픈 버튼의 역할을하는 닫기 버튼이 있으므로 토글 사이클을 방해하지 않습니다. 이 사람에게 유용

$(document).ready(function() { 
    $('#contact').toggle(function() { 
    $('.top,.left,.main,.header').animate({ 
     top: '+=120' 
    }, 1300, 'easeOutBounce'); 
    },function() { 
    $('.top,.left,.main,.header').animate({ 
     top: '-=120' 
    }, 1300, 'easeOutBounce'); 
    }) 
    $('#close').click(function() { 
    $("#contact").click(); 
    }); 
}); 

희망

을 :)