jQuery animate()

Question

Hello,here is my code :

function toggle() 
{
$("#Layer4").animate( { width:"20%"}, 1000 );
$("#Layer6").animate( { width:"20%"}, 1000 );
}

Now what happens is,that Layer4 and Layer6 witness some animation,but the interestingly the height changes and not the width.Also,after a second,the original dimensions are restored

Why is this happening ?

Thanks

Answer 1

Can you upload all of the code please?

Answer 2

I don't believe you'll have consistent results using %. Try using pixels instead. If you must use % make sure that you don't have a surrounding div which the width is also set in %. My guess is that that is the case.

Answer 3

You can't reduce the size of the div by less than the img tag. If you want that behavior you'll need to replace the img tag with a background-image style.