点击切换动画时出现问题

Question

我正在构建的 jQuery 导航有一些问题。当您单击“查找邮政编码”时，邮政编码查找器应该会下降到 175 像素，然后当再次单击时，会飞回到 90 像素。

该套件第一次使用效果非常好，但不久之后就卡在了 90 像素。经过一番尝试后，它连续播放两个动画，没有中断，没有点击。有谁知道我做错了什么？预先感谢您的帮助。

$(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;
     }
  });
});