Div left position change using animate function
<p>i have 3 div's &amp; one button</p>

<pre><code>&lt;div id="Outer"&gt;
&lt;div id="main" style='height:200px;width:300px'/&gt;
&lt;div id="child" style='height:20px;'/&gt;
&lt;/div&gt;
</code></pre>

<p>when some one will click on the button then child div left will be -20px and gradually
its width will be increase until its width is become to the width of main div and when again click on button the reverse action will be happen.</p>

<p>how could i do this using jquery animate function. thanks</p>
