Question

Can someone help me with a animation for flipping div? More exact i want to add a class on click with jquery that animate the flip in one directin and at the next click removes the old class and and a new one for the new background-image and new flip direction.

<style>
div{height:150px; width:150px; border:1px solid black; border-radius:10px;
    background-size:100% 100%;}
.face{background-image:url(http://media.businesslive.ro/wp-content/uploads/creative-monkeyz.png);}
.back{background-image:(http://media-cache-ec0.pinterest.com/avatars/artalacafea-1347781782_600.jpg)}
</style>
<div class="face"><div>

An example of my initial code is here

Answer 1

assuming this is what you want..

used toogleClass() to toggle the class (‘front’ and ‘back’)on click() function..

here is the fiddle

$(".face").click(function(){
  $(this).toggleClass('back');
});