如何在 JavaScript 中同时执行 fadeOut() 和 slideUp()？

在开发网页时，有时候需要在同一个动画中同时执行 fadeOut() 和 slideUp() 来实现更流畅的效果。这里给出两种实现方式：

方式一：使用回调函数

$('#element').fadeOut(function() {
  $(this).slideUp();
});

在这种方式中，fadeOut() 函数接收一个回调函数作为参数。当元素的不透明度降为零时，回调函数会被触发，并在回调函数中调用 slideUp() 函数实现滑动效果。

方式二：使用 JQuery 中的 promise()

$('#element').fadeOut().promise().done(function() {
  $(this).slideUp();
});

在这种方式中，promise() 函数返回一个承诺对象，可以用 done() 方法在 fadeOut() 函数执行完成后立即调用 slideUp() 函数。

这两种方法的效果是一样的，根据个人习惯选择即可。