I'm trying to modify this tutorial:  http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/ in order to add a button to flip the boxes and another to close them. I'm stuck because after adding the content with .html() the '.close' button doesn't work and I don't really understant why... Would you please give me a clue? 

THANK YOU!!!

1. $(document).ready( function (){
2. $( '.open' ).on( "click" , function (){
3. var elem = $( this ).closest(". sponsorFlip ");
4. 
   
5. if (elem.data( 'flipped' ))
6. {
7. elem.revertFlip();
8. elem.data( 'flipped' , false )
9. }
10. else
11. {
12. 
    
13. elem.flip({
14. direction: 'rl' ,
15. speed: 250 ,
16. onBefore: function (){
17.                                           //PROBLEM 1: THE <p class="close">CLOSE</p> INSIDE .sponsorData DOESN'T WORK AFTER .html() INSERT
18. elem.html(elem.siblings( '.sponsorData' ).html());
19. }
20. });
21. elem.data( 'flipped' , true );
22.                   // this code is to revert all the flipped boxes
23.                               $(".sponsorFlip").not(elem).each(function(){
24.                                            if($(this).data("flipped")){
25.                                                 // PROBLEM 2: I HAVE TO MODIFY THE TRIGGER IN ORDER TO EXECUTE THE .close CLICK EVENT
26.                                                    $(this).trigger("click",[true]);
27.                                               }
28.                                     });
29.   }
30. });
31. $(".close").on("click",function(){
32.       alert("I'd like to revert the flipped box when I'm here. I know I should remove the if/else from .open click event");

1. });
2. });