使用jQuery反转动画的顺序

时间:2013-10-23 18:34:28

标签: jquery animation reverse

我正在使用jQuery淡入一组列表项,此时它从上到下逐渐消失; 我想从底部向上淡出。当最底层的列表项在浏览器中可见时,将触发该函数。

An example is here.

由于受到限制,我不能简单地翻转列表顺序,这可能吗?

我已经读过可能的

.reverse() 

选项,但还没有找到实现它的方法。

提前致谢。

2 个答案:

答案 0 :(得分:1)

替换以下代码:

$(".chart.electric li, .chart.fuel li").each(function (index)

这个:

$( $(".chart.electric li, .chart.fuel li").get().reverse() ).each(function (index) {

请参阅working demo

答案 1 :(得分:0)

试试这个..添加反向你的每个

http://jsfiddle.net/HxFfH/12/

    jQuery.fn.reverse = [].reverse;

    $(".chart.electric li, .chart.fuel li").reverse().each(function (index,el) {
        $(el).delay(100 * index).animate({opacity: 1}, 1000);
    });