Question

I am creating a matching game. The game works fine using jQuery, but what I want to do is have the cards move (fly) from their locations on the grid across the screen to the ‘found’ pile. Can this be done using jQuery?

I currently have the grid created using a table.

Any help would be greatly appreciated.

James 🙂

Answer 1

Yes!

//Call this function on the $img object you want to animate
function match_found($img) {
   $animator = $img.clone();
   $animator
      .css({position: 'absolute', margin: 0 })
      .offset({top: $img.offset().top, left: $img.offset().left})
      .appendTo("body")
   ;
   $img.remove();
   $found_pile = $("#found-pile");
   $animator
      .animate({top: $found_pile.offset().top, left: $found_pile.offset().left });
}