Working on a memory matching game - can you display one image in different ways?
<p>I'm working on a memory matching game. Right now, the game is working fine. However, I now need to work on the part of the game where you actually have to flip the cards over. I first was going to have two sets of images: the "back of the card" and the "front of the card." The backs of the cards were all going to be identical and then when you click on one, the front of the card would be revealed. The fronts would all be unique pairs of pictures. However, my code is such that pictures that are clicked on which have the same source would be removed. So once you click on any two of the "backs" of the pictures, they would always be removed, regardless of what their "front" was. </p>

<p>I want to use only one set of pictures and just have them displayed differently when they are clicked. Sorry if that sounds a bit confusing, that's the best way I can explain it.</p>

<p>Here is a demo of what I have so far: <a href="http://jsfiddle.net/GquLr/" rel="nofollow">http://jsfiddle.net/GquLr/</a></p>

<p>So basically, I need a way to incorporate a feature where you have to flip two cards over and if they match, they are removed and if they don't match, they flip back over.</p>
