私はここにこのフィドルを置きました：http： //jsfiddle.net/4wBK4/
何が起こっているのかというと、HTMLブロックを1つだけ使用するとcardFlip（緑色）、期待どおりに機能します。switch内部の要素をクリックすると、その効果が得られます。
しかし、ページにこれらが2つあるとすぐに（フィドルの場合のように、そのうちの1つを削除するまで）、何も機能しなくなります。
しかし、私はそれを取得しません。私はそれを正しく行っていると思います。各インスタンスで独自のイベントを発生させる必要がありますが、CSSアニメーションが要素にどのように適用されるかについて何か誤解していると思います。