再点击jQuery

Question

我想知道在这个翻转效果中更改.mouseleave for .click的更简单方法是什么：

仅仅通过改变它是行不通的，我读过关于使用.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');
    }
);

fiddle here

Answer 3

查看jQuery的.toggleClass()方法。

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