jQuery#slideUp メソッドの動き方ではまった

ある table があったとして、こんな書き方をしていた。

$('div.cells').slideUp("fast", function(){
    $('div.wholeTable').slideDown();
});

$('div.cells') が table 内のセル一つ一つの要素
$('div.wholeTable') が table 全体の要素　とします。

パフォーマンスがすごい悪かった。 以下の勘違いをしていたみたいです。

こう動くだろうと勘違いしていた

• $('div.cells') のすべてが slideUp した後に $('div.wholeTable') が slideDown

本当はこんな動きをする

• $('div.cells') の要素ひとつずつ slideUp するたびに $('div.wholeTable') が slideDown

結論

$('div.wholeTable') が slideDown する処理が冗長だった