在完全相同的时间运行两个函数

Question

我想要slideUp()一个div,当它向上滑动时,我想把它向下移动animate()- 在同一时间.

到目前为止我做了什么:

    ln = jQuery("Selector");
    ln.slideUp(1500, function() {
        ln.animate({top: '150px'}, 'slow');
        var Html = jQuery('#last' + id1).html() + jQuery('#last' + id2).html();
        ln.html(Html);
    });

但它首先向上滑动,然后向下滑动150px.

我想在同一时间调用这两个函数(slideUp和animate),我想知道它是否可能？

或者我的问题有一个更容易解决的方法吗？

PS:我认为之前已经提出过这样的问题,就像这样,但如果你完全阅读它,那不是我的答案.

Answer 1

您可以通过使用.animate()两个操作并仅使用传递给动画的属性指定这两个更改来执行此操作.可以通过指定0动画的最终高度来完成幻灯片.使用这个单一动画,jQuery将作为同一动画序列的一部分一起运行两个更改.

ln.animate({top: '150px', height: 0}, 'slow');

工作演示:http://jsfiddle.net/jfriend00/kKsa4/