jquery - 自定义效果不起作用

Question

我使用方法制作了一个自定义效果方法.animate()以获得更好的slideUp方法slideDown。这是结果

动画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 */

这是结果

任何想法为什么它不起作用？

感谢帮助 ！

编辑

发现问题，在 JS 第 34 行

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

我把它改成

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

但还是什么都没有

Answer 1

解决了。

container.css('top')返回一个字符串（通过使用确认console.log(typeof container.css('top'));

所以，改变 if 条件就可以container.css('top') === '-330px')了。

小提琴