[pistachio]

Здравствуйте, подскажите пожалуйста, не пойму почему не работает.
Вообще сделал всплывающие меню с анимацией css , при присвоении класса всплывает, при присвоении другого класса уезжает вверх, сначала сделал так

jQuery(function (f) {
      f(window).scroll(function () {
      f('#hide-navbar-header')[(f(this).scrollTop() > 180 ? "add" : "remove") + "Class"]("hide-navbar-header_fixed");
     f('#hide-navbar-header')[(f(this).scrollTop() < 180 ? "add" : "remove") + "Class"]("hide-navbar-header_hide");
      });
    });

Все присваивает, но получается что при первой прокрутке появляется анимация исчезновения ещё до того как оно всплыло, задача состоит в том чтобы он присваивал класс только после того как оно всплыло в первый раз, все облазил, перечитал получилось вот это

script>
    jQuery(function (f) {
      f(window).scroll(function () {
      if (f('#hide-navbar-header')[(f(this).scrollTop() > 180  )]){
                f('#hide-navbar-header').addClass("hide-navbar-header_fixed");
	  } else if(f('#hide-navbar-header')[(f(this).scrollTop() <= 180 && f('#hide-navbar-header').hasClass("hide-navbar-header_fixed"))]) {
               f('#hide-navbar-header').removeClass("hide-navbar-header_fixed").addClass("hide-navbar-header_hide");
            }
      });
    });
 
  </script>

Ошибки выдавать перестал, но просто не работает , что не так ? помогите допилить пожалуйста