需要对网站进行小幅调整 - MouseOver和Visibility

Question

访问http://voorwaartsmarscoaching.nl/。单击4个大立方体中的1个。 4个立方体将变小并移动到标题。在其中一个小立方体上的MouseOver上，您将看到立方体右侧的文本。此文本必须对活动屏幕保持可见。

示例：如果访问者正在访问“联系和参考”，则小方块右侧的“联系人和参考”文本必须始终可见。

请帮助

JS

$( ".cube" ).mouseenter(function(){
if( $(this).data("status") == "tiny" ) {
infoId = $(this).attr("id");
$('#info-' + infoId).fadeIn('slow');
}
 });

$( ".cube" ).mouseleave(function(){
    if( $(this).data("status") == "tiny" ) {
    infoId = $(this).attr("id");
    $('#info-' + infoId).show(); 
    }
});

Answer 1

在代码中尝试以下代码：

<强> JS ：

$(document).on("click", ".cube", function() {
              var  infoId = $(this).attr("id");
              $('#info-' + infoId).show();
});