Eu quero criar um cartão de inicialização usando a transformação CSS3. Eu comecei com issoexemplo básico e de trabalho

No entanto, eu queria modificá-lo para ter um cartão de altura fixa e algumas melhorias menores. Em particular, eu precisava virar o cartão quando o usuário clica em um ícone que eu criei no canto superior direito.

Eu modifiquei o código como você pode veraqui.

O problema é que o cartão não volta para a frente depois de virar corretamente para o verso.

Alguém pode sugerir alguma solução?

NOTA: o problema parece estar com o código jquery. Na verdade eu tenho

$('div.flipControl').on('click', function () {
    $(this).closest('div[class="card"]').toggleClass('flipped');
});

Mas se eu mudar com

$('div.flipControl').on('click', function () {
    $(this).parent().parent().parent().toggleClass('flipped');
});

Tudo funciona como esperado.