How do I use a variable in the animate() function in jQuery?

Question

I have been able to store the height for my image in a variable:

var origh4 = $('img:eq(3)').height();

However, now I would like to use that variable in the animate function like so:

$('img:first').fadeIn('normal').delay(500).animate({'height':'-=20%'}, 1500, 'easeOutQuad'); 

How do I do that?

I would like to replace the '-=20%' with 'origh4'.

Thoughts?

Answer 1

You can just pop it in there, like this:

$('img:first').fadeIn('normal')
              .delay(500)
              .animate({ height: origh4 }, 1500, 'easeOutQuad'); 

The { height: origh4 } is normal object literal JavaScript syntax, nothing special, so just use the variable for the value of height like I have above.