jquery - jQueryを複数のDIVに拡張する方法はありますか？

Question

jQueryを次のように機能させる方法はありますか？

3 x 3の画像グリッドが必要です。クリックすると、グリッドをカバーするdivが開きます。したがって、左上の画像をクリックすると、divは左から右、上から下にスライドします。真ん中の画像をクリックすると、すべての方向にスライドします。

コードを最小化するために.thisを使用する一般的なメソッドを知っている人はいますか？前もって感謝します

Answer 1

コンテナー div 内に 9 つの画像すべてを絶対位置に配置し、必要に応じて jQuery の animate() を使用して展開します。

jsFiddle の例: http://jsfiddle.net/gGc5K/

JavaScript 部分:

$("td").click(function() {
    $(this).css({
        "z-index": 1
    }).animate({
        top: 0,
        left: 0,
        width: "120px",
        height: "120px"
    }, "4s");
});