目前，除了单击项目之外，这一切都正常，内部文本不会显示。它仅适用于mouseover和mouseleave。我尝试在mouseleave上使用unbind，但这似乎不起作用。
单击该项目后如何使其工作？
这是我的fiddle。
$('.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");
}
});