JQuery анимированные параметры

Question

$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate(...);
    });
});

div1 и div2 - оба деления в <div id="content">.

Я хочу нажать на div1, тогда позиция div2 перейдет к: top:0px; left:200px;, что относительно <div id="content" style="width:800px;margin:0 auto;">

Как написать одушевленную часть?

Answer 1

Вы можете просто передать объект .animate() со свойствами top и left, например:

$(document).ready(function() {
    $(".div1").click(function() {
        $(".div2").stop().animate({ top: 0, left: 200 });
    });
});

Убедитесь, что элемент имеет relativeили absolute положение, установленное здесь, в зависимости от того, на что вы собираетесь, в противном случае top и left не будут иметь никакого эффекта.