Bootstrap flip carte avec css3 transformer

Je veux créer un bootstrap flip carte de visite en utilisant CSS3 transformer.
Je n'ai commencé à partir de cette de travail et la base exemple

Cependant j'ai voulu le modifier pour avoir une hauteur fixe de la carte et quelques petites amélioration. En particulier, j'ai besoin d'avoir la carte flip lorsque l'utilisateur clique sur une icône que j'ai créé sur le coin en haut à droite.

J'ai modifié le code comme vous pouvez le voir ici.

Le problème est que la carte n'a pas de flip arrière vers l'avant après avoir retourné correctement à l'arrière.

Quelqu'un peut-il suggérer une solution?

REMARQUE:
le problème semble être avec jquery code. En fait, j'ai

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

Mais si je la change avec

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

Tout fonctionne comme prévu.

OriginalL'auteur Lorenzo | 2015-06-07

  1. 4

    Je pense que c'est beaucoup plus simple en utilisant directement la classe CSS

    $('.flipControl').on('click', function(){
    $(this).closest('.card').toggleClass('flipped');

});

    démo

    Ce flip ne fonctionne pas correctement dans internet explorer.
    mais le problème est sur l'IE de la manipulation de problème, le transforme, non pas avec du jQuery pour la déclencher
    :- dans ce cas, comment faire pour résoudre à travailler avec IE. Comme je sais que IE ne prend pas en charge les transforme. Est-ce tout autre moyen ne peut l'atteindre ?

    OriginalL'auteur vals