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

#jquery #animation #toggle

#jquery #Анимация #переключение

Вопрос:

У меня возникли некоторые проблемы с этим jQuery nav, который я создаю. Когда вы нажимаете «Найти zip», поиск почтового индекса должен уменьшиться до 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'}) 
});
  

Ответ №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;
     }
  });
});
  

Комментарии:

1. Ах, я всегда забываю использовать var. Большое спасибо!