I am creating a simple online business card. To begin with I had everything on one side of the card and I was hiding the email address / contact details from bots by defining them as javascript variables in the html header then printing these variables back out onto the page in the required places using javascript. 

However, the new design for the business card uses some jquery to give a flip effect animation so I can put the contact details on the back ;

http://2.24.161.98/test/test.htm

My problem is that when I try and use the simple javascript technique I used before to hide the contact information, it seems to break something so the card flipping functionality doesn't work. Can anyone tell me how to fix this problem? 

Thankyou !