Ok, I'm not realizing what's failing me.
My idea was when to hover over a div, show the div that was hidden.
.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>
I'm trying to create a "delay" to not show the "hidden-container" div instantly.
What I can not do is create the delay of 1 sec. before showing the div. I've seen transition-delay: 1seg;
but I'm not getting what I want.
The perfect thing was to do this in HTML + CSS. But if JS solves the problem, I will accept it as a solution.