Memory Game, hover card

Memory Game, hover card

Hi,

I'm currently trying to code a jQuery base memory game for school. I however got one problem right now.

The cards are supposed to change picture on mouseover and change back on mouse leave. However, if you click on a picture, that card isn't supposed to turn back right away. I thought I could fix this with classes, but it doesn't work. Any suggestions. Here's a part of the code:

$(document).ready(function() {
                            $("img.spelkort").mouseover(function() {
                                $(this).attr("src","spelkort/kortbaksidahover.jpg");
                                $(this).addClass("hover");
                            });
                           
                            $("img.spelkort.hover").mouseleave(function() {
                                $(this).attr("src","spelkort/kortbaksida.jpg");
                                   $(this).removeClass(".hover");                    
                            });
                           
                            $("img.spelkort").click(function() {
                                $(this).attr("src","spelkort/kort1.jpg");   
                                $(this).removeClass(".hover");
                            });
                        });