How do I make one DIV display, when hovering on another?
Posted: Fri Jul 10, 2015 3:51 am
I'm trying to make a little support dropdown appear, and this seems to be the simplest of things.
So when you hover over one DIV, the other DIVs display become 'block'. But it's not working.
What I am doing wrong?
So when you hover over one DIV, the other DIVs display become 'block'. But it's not working.
What I am doing wrong?
Code: Select all
<style>
.template_contact_info
{
display: none;
background-color: #ffffff;
width: 250px;
border: 1px solid #000000;
z-index: 170;
position: absolute;
left: 698px;
top: 54px;
padding: 7px;
line-height: 25px;
}
.template_contact:hover .template_contact_info
{
display: block;
}
</style>
<span class='template_contact'>▼</span>
<div class='template_contact_info'>ads fas dfas fd<br/>adfadfasfd</div>