需要對網站進行小的調整 - MouseOver和可見性

Question

訪問http://voorwaartsmarscoaching.nl/。點擊4個大立方體中的1個。 4個立方體將變小並移動到標題。在MouseOver上的一個小立方體中，您將在立方體的右側看到一個文本。該文本對於活動屏幕必須保持可見。

示例：如果訪問者正在訪問「聯繫人&參考資料」，則小方塊右側的文本「Contact &參考資料」必須始終保持可見。

請幫助

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(); 
});