MeltingDog
MeltingDog

Reputation: 15404

JQuery Animate() slide div up from bottom of page

Hopefully simple but tried implementing answers from other SO questions to no avail.

I have a div I that I want to slide up from the bottom of the page when the document loads. However, I just cant seem to get the JQuery working. Here is what I have:

#content {
    width: 640px;
    margin:auto;
    margin-top: 2000px;
}

$(function(){

$('#content').animate({MarginTop: '50px',} 1000);

});

Basically, I just want to shrink the margin-top distance when the page loads.

Can anyone point me in the right direction? Thanks

Upvotes: 9

Views: 46677

Answers (1)

timidboy
timidboy

Reputation: 1722

Try:

$('#content').animate({'margin-top': '50px'}, 1000);

JsFiddle

Upvotes: 21

Related Questions