On this page, when you mouseover each of the 64 figures, a number appears below the figure: this is done with some economical jQuery.

Next step is to have each of the numbers, when clicked, to launch a different styled div into a div on the left side.

There's an extra wrinkle. When the number is clicked, the sequence of events should be: 

whatever is in the target div on the left disappears; 

there's a pause, approx 800ms; 

and then the selected styled div appears in the target div.

And ideally, this could be done without having to write 64 separate functions.

It's my first real go at writing jQuery, and have no experience with php...  I'm not sure which of the various AJAX functions to try; whether to combine the texts, which are currently separate files, into one file; and how best to handle the pause--eg, do you immediately import a blank file and then delay importing the selected one, or do you hide the existing one, and then delay importing the selected one...? 

Biting off a bit here. Looking forward to suggestions.