Question

I have a selection of elements in a jQuery object. I want to animate their font sizes, but as I have both the headlines and various paragraphs in the selection, they should be animated slightly differently, as the headlines should end up with a larger font size than the paragraphs. I already have this information stored in the jQuery data cache.

I can do that. But, not unless I use several calls to the animate function, one for each specific, slightly different animation, perhaps using event triggering or setTimeout() calls.

Of course I want to avoid this, as it’s damn ugly and an odd way around. Much prettier if it could be done internally, within the animation …

Any help would be much appreciated.

Answer 1

You can animate an increase in fontSize:

$(...).animate({ fontSize: '+=8' });