Twitter bootstrap 带css3转换的引导翻转卡

我想使用CSS3转换创建一个引导翻转卡。 我确实是从这个开始的

然而，我想修改它有一个固定高度的卡和一些小的增强。特别是当用户单击我在右上角创建的图标时，我需要翻转卡片

正如你所看到的，我已经修改了代码

问题是，在正确翻转到背面后，卡不会前后翻转

有人能提出解决办法吗

注意： 问题似乎出在jquery代码上。事实上我有

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

但是，如果我用

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

---

一切正常。

我认为直接使用CSS类选择器要简单得多

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

});

---

@RaviKChowdary但问题在于IE处理错误的转换，而不是使用jQuery触发转换：-在这种情况下，如何解决IE的问题。我知道IE不支持转换。这是否有其他方法可以实现呢？