如何让JavaScript/jQuery按顺序运行

我有一个包含两个部分的HTML文件。一个id为“欢迎”，另一个名为“欢迎”

导入jQuery后，我有一个单独的js文件，其中包含一些在这些div上操作的代码

$("#welcome").fadeTo(50,0.1);
$("#welcome").fadeTo(10,1.0);
$("#welcome").fadeTo(10,0.1);
$("#welcome").fadeTo(10,1.0);
$("#welcome").fadeTo(1000,0.0);

$("#welcome_distort").css({opacity:"1.0"});

所有fadeTo（）命令都按顺序工作。然后，我希望在这些fadeTo（）之后使用css（）命令。实际上，welcome_扭曲的操作与welcome的第一个操作同时进行。我的问题是：如何让.css（）操作在最后一个.fadeTo（）之后运行

非常感谢,，

---

John

fadeto有一个回调选项，在动画完成后运行。我的代码来自：

$('#welcome').fadeTo(1000,0.0, function() {
      $("#welcome_distort").css({opacity:"1.0"});
    });