Fixing the animation properties
<p>I am doing some research at the moment into creating a new maths game for primary school children where divs from 0-9 appear at random inside a container.</p>

<p>A question is given at the beginning. Something like, multiples of 20. The user will then have to click on the correct ones, and they will then be counted at the end and a score will be given.</p>

<p>I have just changed the speed in which the divs appear so that they appear for longer and more than one at a time to make the game easier for younger children.</p>

<p>I used "fadeIn" like so..</p>

<pre><code>    $('#' + id).animate({
        top: newY,
        left: newX
    }, 'slow', function() {}).fadeIn(2000);
}
</code></pre>

<p>My problem is that now when I shoot the correct or incorrect number the animation is very glitchy and I cannot figure out why. </p>

<p>Fiddle: <a href="http://jsfiddle.net/cFKHq/6/" rel="nofollow">http://jsfiddle.net/cFKHq/6/</a> (See version 5 to see what it was like before)</p>
