jquery - アニメーションがキューで実行されていることを確認する方法

Question

divをアニメーション化する必要があります。ボタンをクリックすると、古いdiv が完全にフェードアウトしてから、新しいdiv がフェードインするようにする必要があります。

showNews: function() {
    var start = this.counter * this.displayatonce;
    var end = this.counter * this.displayatonce + (this.displayatonce - 1);

    for (i=start; i<=end; i++) {
        this.news.eq(i).fadeIn();
    }

},

hideAllNews: function() {
    this.news.fadeOut();
},

navigateNews: function() {
    this.hideAllNews();
    this.showNews();
},

どうすればこれを機能させることができますか?

Answer 1

jQuery のアニメーション関数は、コールバック関数をパラメーターとして受け取ります。コールバックで別のアニメーションの後に実行するアニメーションを開始します。

例：

elememtsToHide.fadeOut(function() {
  elementsToShow.fadeIn();
});