Question

How do you animate a div element to the middle of the screen from the left side

I get this invalid obect or prperty
i can’t seem to reference the jQuery(document) object through jQuery anymore

form.each(function () {
    jQuery(this).animate({ marginLeft: jQuery(document).width / 2 }, 750); <-- this line here gives me errors
    jQuery('input[name^=Next]').click(function () {

    });
});

Answer 1

You’ll want to use .animate to animate the div’s marginLeft property. Just check out the examples. Here is a quick mock-up:

$('#myDiv').animate({
    marginLeft: '+=' + $(document).width() / 2
}, 5000, function() {
    // Animation complete.
});

Demo: http://jsfiddle.net/karim79/W6v2B/