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");
});