jquery animation -

I do not know what is wrong with this code. It will not work just because it has the same syntax Second one ..

  $ (document) .ready (function () {$ ("# inner"). Animate ({height: '200', top: '- 100'}, 1000); $ ("#internal"). Animate ({width: '200', margin-left: '- 100'}, 1000);});  

You can see examples ..

without giving Try PX $ ("#internal"). Animate ({width: '200', margin-left: '- 250'}, 1000);

Or see it SO

It says,

Try using "margin top" instead of "margin-top" Normally when you use CSS prop, to use the "normal" version, "border-something" or "margin-something" is better, as you used in DHtml (style margin top) .

To change it, $ ("# inner"). Animate ({width: '200', margin lift: '- 250'}, 1000);

or

You can also use the answer of redsquare ...