Есть ли способ расширить JQuery на несколько DIV?

Question

Есть ли способ заставить JQuery работать следующим образом?

Мне нужно иметь сетку изображений 3 на 3, после нажатия они откроют div, который покрывает сетку. Поэтому, если вы нажмете на верхнее левое изображение, div будет скользить слева направо и сверху вниз. Если вы нажмете на среднее изображение, оно выскользнет во всех направлениях.

Кто-нибудь знает универсальный метод, использующий.this для минимизации кода? заранее спасибо

Answer 1

Абсолютно расположите все 9 изображений в контейнере div, затем используйте jQuery's 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");
});