Jquery Chaining方法的CSS颜色属性

Question

我想使用Jquery链接方法对元素应用两个颜色属性，但只有一个正在工作

$("#p1").css("color", "red").slideUp(2000).slideDown(2000).css("color","green");

Answer 1

完成 slideDown 后设置css属性，为此可以使用回调函数

$("#p1").css("color", "red").slideUp(2000).slideDown(2000,function(){
  $(this).css("color","green");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="p1">hiiiiii</div>