jquery animate - 死简单

Question

我想要做的就是.click() .animate #slip，基本上我正在改变top: 10px to top: 0px

的css

而不是它非常笨重，我想动画改变CSS的动作。

目前使用.toggleClass实现此目的：

    $("#div1").click(function() {
        $("#div2t").toggleClass('min');
    });

Answer 1

你可以这样动画：

$(selector).click(function() {
  $("#slip").animate({ top: 0; });
});

除非您需要.animate容器，否则请将其关闭... ID选择器的确如此快:(）

如果您希望点击同时为其他click设置动画，请使用.toggle()，如下所示：

$(selector).toggle(function() {
  $("#slip").animate({ top: 0; });
}, function() {
  $("#slip").animate({ top: 10; });
});

Answer 2

如果我理解正确的话：

#CSS:
.animate #slip {
    top: 10px;
}

#JS
$("element").click(function() {
    $(".animate #slip").animate({ top: 0 });
});

Answer 3

$("#div1").click(function(){
$("#div2t").animate({"top":"0px"},"slow");
);

如果速度很慢，你可以快速或以毫秒为单位，而不是“”