jQuery动画和slideDown同时

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");
});

演示： http://jsfiddle.net/sDrtE/

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