点击切换动画有问题

Question

我正在构建这个jQuery nav的一些问题。当您单击“查找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;
     }
  });
});