I have a problem that's been irritating me for a few days as I am relatively new to the animation part of jQuery.

I will explain what I am trying to do.

A button is clicked (works)

An ajax call gets a number from a php script and brings that variable to the page (works)

I then show the number on the page (works)

The part that doesn't work is that I want to have the number do the following:

1) Increase font size over.. 2 seconds lets say

2) Move up the screen about 50px over 2 seconds

3) Fade out over 2 seconds

I want to do those 3 things all at the same time, but whenever I try to do it, something goes wrong.

Could someone help me out with this part?

Assume the following:

1. <div class="div_to_hold_number">
2.       <span class="span_to_hold_number">
3.             44
4.       </span>
5. </div>

Many thanks :)