Question

Hey guys i got an image inside a div and iam moving it down at a specific time by giving it a delay. I was just wondering when it is moving down how do i make it become smaller as it goes down the screen till eventually it disappears completely at a specfic location i gave it.

So far this code makes it move down with a delay function on it and a duration.

$('#fourth').animate({
    width: '100px',
    height: '100px'
}, 3000, function() {
    $(this).show('fast').animate({
        top : '-=-100'
    }, 
    {duration: 2000}
)

Thanks for all the help

Answer 1

Just add the width and height to the animate.

$(this).show('fast').animate({
    top : '-=-100',
    width: 0,
    height: 0
}, 
{duration: 2000})

http://jsfiddle.net/xMV5Q/1/

Also, -=- is the same as += which is a bit more understandable.