사용자 정의 효과가 작동하지 않습니다

Question

더 나은 slideUp 및 slideDown 방법을 얻으려면 .animate() 방법을 사용하여 사용자 정의 효과 방법을 만들었습니다. Here's the result

애니메이션을 moveUp 작동하지만 moveDown하지 않습니다와 나는 .init() 호출 fadeIn을 통과해야합니다. 나는 fadeIn로

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

는 display: none;

그래서, 내가

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

Here's the result

왜 작동하지 않는 그 어떤 아이디어가에 CSS를 변경 제거는 그 때문에이 CSS 알고?

도움 주셔서 감사합니다!

편집은 JS 라인 (34)

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

나는 아직도 그것을 해결 아무것도

Answer 1

을

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

로 변경되지하지만, 문제 발견.

container.css('top')

는 container.css('top') === '-330px')에 트릭을 경우 조건을 않았다 변경, 그래서 console.log(typeof container.css('top'));

를 사용하여 확인 문자열을 (반환합니다.

Fiddle