Проблема с анимацией переключения

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