[jQuery] Re: animation question

[andrea varnier]

On 13 Feb, 06:41, spaceage <[EMAIL PROTECTED]> wrote:
> Is this a reasonable undertaking using jQuery, or is there another
> better way (or plug in) to do this?

jQuery is perfect for this kind of things :)
just give the div a overflow:hidden style, and the li's a
position:relative, and a very high top.

div {
        overflow:hidden;
        height:300px;
        width:250px;
        border:2px solid black;
}
li {
        position:relative;
        top:1000px;
}

then you could do the animation with some code like this (this fires
at page load)

$(document).ready(function(){
        var spacing = 30;  // arbitrary, change as you please
        var upLi = function(n) {
                $('li:eq(' + n + ')').animate({top: spacing*n}, function(){
                        if ($('li:eq(' + (n+1) + ')')[0] != undefined) 
upLi(n+1);
                });
        }
        upLi(0);
});