Question

I am trying to work with a simple div(leftContainer) and would like to make it slide from left to its total width on page load and not with a button click.

Here is my code:

<div class="leftContainer ">
<div class="header">Header</div>
<div class="mainbody">
    <p>Body</p>
</div> 

​
DEMO

Answer 1

$("div.leftContainer")
    .css("margin-left",-$(this).width())
    .animate({
        marginLeft:0
    }, 700);

demo