麻烦点击切换动画

Question

我有这个jQuery导航我正在建设的一些问题。当你点击“Find zip”时，邮政编码查找器应该降到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; 
    } 
    }); 
});