麻烦的点击切换动画

Question

我正在构建的这个jQuery导航有一些问题。当你点击"查找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;
     }
  });
});