Quiero crear una tarjeta flip bootstrap usando CSS3 transform. Empecé desde estoejemplo de trabajo y básico

Sin embargo, quería modificarlo para tener una tarjeta de altura fija y algunas mejoras menores. En particular, necesitaba que la tarjeta se voltee cuando el usuario hace clic en un icono que he creado en la esquina superior derecha.

He modificado el código como puedes veraquí.

El problema es que la tarjeta no se voltea hacia atrás después de haberse volteado correctamente hacia atrás.

¿Alguien puede sugerir alguna solución?

NOTA: el problema parece estar con el código jquery. En realidad tengo

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

Pero si lo cambio con

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

Todo funciona como se esperaba.