Ok, não estou a perceber o que me esta a falhar.
A minha ideia era quando passar com o rato em cima de uma div, mostrar a div que estava escondida.
.main_container:hover .hidden_container
{
display: block;
}
.hidden_container
{
display:none;
}
<body>
<div class="main_container">
<p>On hover here</p>
<div class="hidden_container">
<p>Shows this</p>
</div>
</div>
Estou a tentar criar um "delay" para não mostrar a div "hidden-container" instantaneamente.
O que não estou a conseguir é criar o atraso de 1 seg. antes de mostrar a div. Já vi o transition-delay: 1seg;
mas não estou a conseguir o que quero.
O perfeito era fazer isto em HTML + CSS. Mas se JS resolver o problema, aceitarei como solução.