jquery animate - 非常简单

Question

我想做的就是 .click() 是 .animate #slip，本质上我现在将 css 从 top: 10px 更改为顶部:0px

我不想让它变得很笨重，而是想根据 CSS 的变化来制作动画。

当前使用 .toggleClass 来实现此目的:

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

Answer 1

你可以像这样制作动画:

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

除非您需要 .animate 容器，否则请将其保留...ID 选择器是，嗯，尽可能快:)

如果您希望每次单击也能通过单击进行动画，请使用 .toggle()像这样:

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