Question

如何使动画和下滑功能在完全相同的时间和持续时间内发生：

current_item.css('margin-left', 0);
current_item.animate({ 'marginLeft': '20px'});
current_item.slideDown(300, 'swing');

上面的代码在向下滑动之前是动画的。如果我移动下面的动画功能，它会向下滑动然后设置动画

Answer 1

您可以将marginLeft和height合并为.animate() d，例如：

$("#btn1").one("click", function () {
    var current_item = $("#div1");
    current_item.css('margin-left', 0);
    current_item.animate({
        marginLeft: "20px",
        height: "toggle"
    }, 300, "swing");
});

DEMO： http://jsfiddle.net/sDrtE/

（是的，我的意思是使用.one()而不是.on()，因为如果你一直点击按钮看起来很奇怪。

jQuery animate和slideDown同时进行

1 个答案: