Ir para conteúdo
Fórum Script Brasil
  • 0

Alterar função toggleClass com css flip


jgainfo

Pergunta

Oi, tudo bem! Estou tentando alterar um código aqui de um módulo do Opencart, o Pagseguro com Checkout Tranparente. Na parte do cartão de crédito ele tem a imagem do cartão e assim que eu clico no campo referente ao código de segurança ele vira o cartão, porém quando eu altero de campo ele não muda mais, apenas se eu voltar pra ele de novo pois ele utiliza a função Toggle do jquery.

Gostaria que ele apena virasse quando eu clicar no campo de código de segurança e quando clicar nos outros campos ele voltasse ao normal.

Segue um trecho do código:

$('‪#‎numero‬-cartao').bind("paste",function(e) {
selecionaBandeira();
getInstallments();
});

$('‪#‎cvv‬').focus(function(){
$('.flip-container').toggleClass('flip-container-hover');
});

$('#numero-cartao').focus(function(){
$('‪#‎credit‬-card-example-number').stop().animate({
opacity:1
}, 1000);
});

$('‪#‎nome‬').focus(function(){
$('#credit-card-example-customer').stop().animate({
opacity:1
}, 1000);
});

$('‪#‎validade‬').focus(function(){
$('#credit-card-example-validate').stop().animate({
opacity:1
}, 1000);
});

$('#cvv').focus(function(){
$('#credit-card-example-ccv').stop().animate({
opacity:1
}, 1500);
});

$('input').blur(function(){
$('.flip-container .front div:not(#credit-card-example-logo), .flip-container .back div').stop().animate({
opacity:0
}, 1000);

Pra verificarem vá no meu site de testes:http://www.decizie.esy.es/opencart/, e na aba forma de pagamento escolha cartão de crédito.

Obs. não efetuem nenhuma compra, pois os produtos são apenas de exemplo!

Muito obrigado!

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...