Replace a div when it arrives at a given input

I am making a form where the user must enter the data of the credit card. When informing it is appearing in the div that is above, however when arriving at certain input (Security Code) I want it to hide the div from above and appear to the div that is hidden. Here is the code:

link (There was no limit on available characters to post here.)

I've tried it this way:

$('#cartaoCodigoSeguranca').focus(function()){
$('.flip-container').css('transform: rotateY(180deg');}