javascript - 完了したらグリッドをクリア

Question

ワードゲームでは、対応する文字をドラッグアンドドロップしてグリッド内の単語を完成させることを目的としています。これを行うと、グリッドの背後にある画像が表示されます。

現在、グリッドには6、3文字の単語（18セル）と18個の空白セルが配置されています。

したがって、単語が完成すると、それらは消えていくようにスタイル設定されます。次に、すべての単語が完成したら、残りのセルをフェードさせます。どうすればいいですか？

これがドロップのスクリップです...

Answer 1

ここで、「グリッド内の残りの正方形」は、 class を持つすべてのテーブル セルであると想定していますnoglow。その場合、それらをすべてフェードアウトさせるコードは次のようになります。

// Make all table cells with the class 'noglow' fade out over 0.5 seconds
$('td.noglow').fadeOut(500, function() {
    // Optional callback function for when the elements have completely faded out
});