Great work, I hope you enjoyed the jQuery animation challenge.

Let's dive right into the solution for the drop method.

Navigate over to your token.js file.

This is the final method we'll be adding to the token class.

Right before the }, you can see I've added my method documentation and declaration.

This method receives two arguments, target, and reset.

Target is the actual space object that the token is being dropped into.

That means we can access all of its properties and

methods inside this drop method.

Reset is a callback function.

This is added into the code for the animation.

When the animation has finished and the HTML token has visually dropped into

the space on the board, this function will be called.

It won't be called until the animation is complete.

You haven't written the reset callback function yet.

This will come up in the future step, so don't worry about it now.

But like its name suggests, the reset callback function resets the board and

gets the game ready for the next player's turn.

After all, when a token is dropped, that player's turn is over.

Remember, this drop method is called on the active token when the player

presses the arrow down key.

So before we get to the animation,

let's be sure to change the value of the active tokens dropped property to true.

By doing this we ensure that the next time the game needs to find the active player's

unused tokens, this token won't be included anymore.

Now below that we have the jQuery animation code.

I won't go through this in too much detail.

jQuery and

animation aren't things that you need to know to be successful in this course.

It does add a really neat effect for the players,

which is why it's included, but don't get to hung up on it.

Basically, the active token's HTML counterpart is animated so

that its top position value is changed to a value equal

to the target spaces row, times the target space's diameter.

For instance, if the target space is in the fourth row of the board from the top,

and its diameter is 76 pixels, the token needs to move down

4 times 76 pixels to be inside the target space.

The number 750 is how many milliseconds the animation should take.

And the easeOutBounce describes how the animation looks.

Finally, you see your callback function reset at the end.

Okay, great work, take a beat to match up your code and go ahead and

discuss any questions you have in the Treehouse community.

In the next step you'll be flushing out a method called play token

in the game class.

And then finally we get to demo the game so far.