从底部到顶部FadeIn用于水平堆叠的块

Question

我正在使用jQuery Animate方法以顺序方式显示水平堆叠的DIV块。

http://jsfiddle.net/ylokesh/3DuTG/42/

JavaScript的：

function fade(index) {
    $('.block-item').eq(index).animate({
        opacity: 1
    }, function() {
        if (index < $('.block-item').length) {
            fade(index + 1);
        }
    })
}

fade(0);

实际问题是以自下而上的FadeIn方式为这些块设置动画，例如混合fadeIn＆amp; amp;向上滑动。

是否可以在自下而上的方向实现FadeIn效果？

第二，有没有办法重叠动画？例如，第二列动画在第一列动画完成50％时开始。

任何指针都会非常有用。