javascript - 动画显示和隐藏登录框

标签 javascript jquery html

我正在尝试创建一个 jquery 动画登录框。

我完全是个 javascript/jquery 菜鸟。

我有一个包含登录框的 div。该 div 的高度约为 150px,它位于页面的顶部,因此在加载页面时只有 div 底部的 15px 是可见的。

我试图向下滑动 div,以便在单击时显示登录框的其余部分,并在再次单击 div 的底部时使其向上滑动。

现在,我正在做:

$('#showLogin').click(function(e){
$('#formContainer').animate({top: "+=135px"} , 1500)
e.preventDefault()
})

它的作用是为 div 的下滑设置动画。但是如何检查它是否已经向下滑动,以便我可以将其向上滑动?

我应该检查 div 的位置并决定它是应该向上移动还是向下移动,或者有更好的方法吗?

网址是here

最佳答案

我想你在找.slideToggle() .一个例子:http://jsfiddle.net/FL4zZ/

关于javascript - 动画显示和隐藏登录框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8975397/

相关文章:

jQuery 查找具有类名和属性值的元素

jquery - 在 jQuery 中动态分配 div 高度

html - 最后一个 div 和最后一列的边距

javascript - 当没有参数时,将参数插入数组有什么意义?

jquery - 每次按下按钮时向下滚动一个 div

html - html 标签上的转义 url

javascript - 将 javascript 案例绑定(bind)到 html 按钮

javascript - 如何将数据从 * .ejs 文件传输到 app.js 并处理 app.js 文件上的 HTML 标记上的单击事件

javascript - 如何找到我刚刚上传到 S3 的流的总大小?

javascript - 变量变量在 angularjs 中可能吗?