Пользовательские эффекты не работают

Question

Я сделал собственный метод эффекта, используя метод .animate(), чтобы получить лучший метод slideUp и slideDown. Here's the result

анимация moveUp работает, но moveDown не делает и я должен пройти fadeIn в .init() вызова. Я знаю, что это из-за этого CSS,

.js-enabled form { 
position: absolute; 
top: -21px; 
display: none; 
} 

в fadeIn удаляет display: none;

Итак, я изменил CSS для

/* top: -21px; */ 
/* display: none; */ 
top: -330px; /* <-- Added later and everything stopped working */ 

Here's the result

Любые идеи, почему он не работает?

благодарит за помощь!

EDIT

Нашли проблему, ее в JS линии 34

if (container.is(':hidden')) { 

Я изменил его

if (container.css('top') == -330) { 

Но до сих пор ничего

Answer 1

решил.

container.css('top') возвращает строку (подтверждено с помощью console.log(typeof container.css('top'));

Таким образом, изменения, если условие container.css('top') === '-330px') сделал трюк.

Fiddle