Question

我正在尝试复制www.winston.com主页动画（带圆圈的动画）。但到目前为止，我只能成功THIS ( LINK HERE )。当我现在按下这些三角形时，我应该如何继续这样做，根据信息显示和消失一些文本。

我很感激你的帮助。

我的jQuery代码看起来像这样：

$("#green-circle").click(function () {
$("#green-circle").animate({
    width: "120",
    height: "120",
    marginTop: "20",
    marginLeft: "0"
}, 2000, "linear", function () {
    $(this).after("");
}),
$("#blue-circle").animate({
    width: "120",
    height: "120",
    marginTop: "20",
    marginLeft: "5"
}, 2000, "linear", function () {
    $(this).after("");
}),
$("#green-circle2").animate({
    width: "120",
    height: "120",
    marginTop: "20",
    marginLeft: "5"
}, 2000, "linear", function () {
    $(this).after("");
});

}）;

HERE IS MY jsFiddle和HERE IS THE WEBSITE EXAMPLE

Answer 1

您需要JQuery .one()函数：

http://api.jquery.com/one/

这将允许一个函数只运行一次。

所以你可以做的是最初使用.one()函数并为元素添加一个新类或id，然后有一个新函数将运行刚刚添加的新类。

这将允许您使用2个不同的功能，一个用于开始，一个用于后续。

点击jQuery动画比第一次做其他事情

1 个答案:

http://api.jquery.com/one/