Jquery 单击并悬停-单击时显示文本？

目前，这一切工作正常，除了单击项目时，内部文本不会显示。它仅适用于

mouseover

和

mouseleave

。我尝试过使用unbind on

mouseleave

，但似乎不起作用

单击项目时如何使其工作

这是我的名片

---

看看这是否是你要找的

问题是，如果同时使用单击和鼠标离开事件，它们将产生冲突。文本将在单击时显示，但在鼠标离开时将消失。这更符合我的意思-我已设法将其移到这一点，但“内部”文本是通过悬停而不是单击删除的。

$('.item').on({
    mouseover: function() {
        if ($(this).closest('.timelineTile').hasClass("clicked")) {
            $(this).parent('.highlight').addClass("hovered");
            $(this).siblings('.inner').addClass("display");
        }
    },
    mouseleave: function() {
        if ($(this).closest('.timelineTile').hasClass("clicked")) {
            $(this).parent('.highlight').removeClass("hovered");
            $(this).siblings('.inner').removeClass("display");
        }
    }
});

$('.highlight').on('click', '.item', function(e) {
    if ($(this).closest('.timelineTile').hasClass("clicked")) {
        e.stopPropagation();
        $('.item').not(this).removeClass('canceled');
        $(this).parent().toggleClass('canceled');
        $(this).parent().removeClass('hovered');
        $(this).siblings('.inner').removeClass("display");

    }
});