有没有办法让jQuery扩展到多个DIV？

Question

有没有办法让jQuery以下列方式工作？

我需要一个3乘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");
});