CSS3の変換：変換のdiv

Question

に入力を送信することはこれが私のコードです：http://jsfiddle.net/bnookala/b2Yz8/3/、これが結果です：http://jsfiddle.net/bnookala/b2Yz8/3/embedded/result/

動作は非常に簡単です：赤いdiv要素をクリックした後、3D変換起こると青のdiv表示されます。ただし、この動作を逆にしようとすると（flipクラスを削除しても）動作しません。 2番目のjQuery.bindはclickイベントを受信しません。赤いdivでキャプチャされています。これは、入力ボックス（青いdiv内）がマウスのフォーカスを受け取ることができないという点でも明らかです。この問題を解決するためにz-indexを設定しようとしましたが、うまくいかないようです。

Answer 1

変更あなたのクリックイベントのターゲットと、これは動作します：クラスを切り替える

$("#card").on('click', function() { 
    $(this).toggleClass('flip');     
});