javascript - ネストされたテーブルを非表示/表示すると、Javascript のパフォーマンスが低下する

Question

現在、各テーブルに約1〜15行の約15の異なるテーブルを動的に生成するhtmlページにあります。ユーザーが特定のセルをクリックすると、ネストされたテーブルが下の行に表示されます。ユーザーがセルをクリックしてネストされたテーブルを開くときから、ネストされたテーブルが実際に表示されるまでに約 2 秒の遅延があるだけです。

時間を短縮するために私にできることはありますか？またはこれを軽減するためのヒントはありますか？

ライトの例。実際のアプリケーションでは、より多くのテーブル/行が存在します。この例では、私がどのようにセットアップするかを純粋に示すためのものであるため、遅延はありません http://jsfiddle.net/poppypoop/ZUTXT/1/

私のHTML

<table>
<tr>
    <td></td>
    <td class="clickme">
        <div style="display: none;">
            <table>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
         </div>
    </td>
    <td></td>
</tr>

このネストされたテーブルでは、アプリケーションの各セルにさまざまな情報を表示します。通常、ネストされたテーブルには 1 行から 10 行までの任意の行を含めることができます

したがって、ユーザーがセルをクリックしてネストされたテーブルを表示すると、次の JavaScript が呼び出されます。

$(item).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(item).next().html() + "</td></tr>");

注 私はIE10とIE9を使用しています