在开始新动画之前，清除使用jquery动画所做的所有更改
提问于 2015-01-16 16:19:46
我使用jQuery动画来动画一些div的。我有没有办法在动画第二个div之前清除对第一个div所做的所有更改？
$(".order-b").click(function(event){
$(".order-t").animate({top:'30%'}, "slow" );
});
$(".counsel-b").click(function(){
$(".counsel-t").animate({top:'30%'}, "slow" );
});
<div class="process-bars">
<!-- first DIV -->
<div class="order-b">
<div class="order-t">
<i class="fa fa-shopping-cart"></i>
<h1>Order</h1>
</div>
</div>
<!-- Second DIV -->
<div class="counsel-b">
<div class="counsel-t">
<i class="fa fa-shopping-cart"></i>
<h1>Order</h1>
</div>
</div>
</div>CSS代码：
.order-t, counsel-t {
position:absolute;
top:52%;
width: 100%;
margin:0 auto;
z-index:2;}
当我点击第二个div时，我想清除第一个div的动画。我怎么能这么做呢？！我不想像下面的代码那样做：
$(".order-b").click(function(event){
$(".order-t").animate({top:'30%'}, "slow" );
$(".counsel-t").animate({top:'52%'}, "slow" );
});
回答 2
Stack Overflow用户
发布于 2015-01-16 16:32:37
如下面的答案所示：https://stackoverflow.com/a/9398960/1585362，要清除通过jquery添加到元素的css，可以使用以下命令：$('.element').removeAttr('style');
Stack Overflow用户
发布于 2015-01-16 16:41:59
您可以对.animate()使用回调函数，该函数将在第一个动画完成后运行第二个动画：
$(".counsel-b").click(function(){
$(".order-t").animate({top:'52%'}, "slow", function(){
$(".counsel-t").animate({top:'30%'}, "slow" );
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27988268
复制相关文章
![[系统安全] 四十.Powershell恶意代码检测系列 (1)Powershell基础入门及管道和变量的用法](https://developer.qcloudimg.com/http-save/yehe-8243071/0b35c8ce8296171a3d24462399971e75.jpg)
![图片加载失败的正确处理[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/5767a86e972145f883838b11aa3a0869.png)
腾讯云开发者
