javascript - jQueryの2回目のクリック

Question

この Flip Effect で .click の .mouseleave を変更する簡単な方法は何だろうと思っていました:

変更するだけでは機能しません.toggleの使用について読みましたが、方法がわかりません。

$('.flip').click(function(){
        $(this).find('.card').addClass('flipped').mouseleave(function(){
            $(this).removeClass('flipped');
        });
        return false;
    });

http://jsfiddle.net/nicooprat/GDdtS/

前もって感謝します。

Answer 1

次のように簡単:

$('.flip').click(function(){
    $('.card', this).toggleClass('flipped');
    return false;
});

http://jsfiddle.net/zerkms/GDdtS/2252/

Answer 2

さらに、ホバー イベントも同様に使用できます。

$('.flip').hover(
    function() {
        $(this).find('.card').addClass('flipped');
    },
    function() {
        $(this).find('.card').removeClass('flipped');
    }
);

ここでフィドル

Answer 3

jQuery の.toggleClass()メソッドを見てください。

$('.flip').click(function(){
    $(this).find('.card').toggleClass('flipped');
});