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

时间:2014-02-01 07:48:29

标签: javascript jquery

我想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。

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

或者我的问题有更容易解决的方法吗?

P.S :我认为之前已经提出过这类问题,例如this,但如果您完全阅读它,那么这不是我的答案。

1 个答案:

答案 0 :(得分:5)

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

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

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