클릭하면 문제가 생깁니다.

Question

저는이 jQuery nav에 대해 몇 가지 문제를 겪고 있습니다. '우편 찾기'를 클릭하면 우편 번호 찾기가 175px로 떨어지고 다시 클릭하면 최대 90px로 다시 돌아갑니다.

이 세트는 처음에는 완벽하게 작동했지만 나중에 90px에서 멈추었습니다. 조금 놀고 나면 두 애니메이션을 연속적으로 재생하며 휴식도없고 클릭도 없습니다. 아무도 내가 뭘 잘못하고 있는지 알아? 도움에 미리 감사드립니다.

$(document).ready(function() { 

$('a#find-zip').click(function(event) { 
    $("div#zip-drop").toggle().stop().animate({ top: 180 }, { duration: 'slow', easing: 'easeOutBack'}) 
    $("div#zip-drop").toggle().stop().animate({ top: 90 }, { duration: 'slow', easing: 'easeOutBack'}) 
}); 

Answer 1

$(document).ready(function() { 

    var toggle = true; 

    $('a#find-zip').click(function(event) { 
    if (toggle === true){ 
     $("div#zip-drop").animate({ top: 180 }, { duration: 'slow', easing: 'easeOutBack'}); 
     toggle = false; 
    } 

    else{ 
     $("div#zip-drop").animate({ top: 90 }, { duration: 'slow', easing: 'easeOutBack'}); 
     toggle = true; 
    } 
    }); 
});