Is there a way to display a child div when hovering over an anchor tag?
I'm looking to reveal a div with the class of botm when the cursor hovers over the anchor tag. Here's the specific layout I have in mind, so please maintain the order of tags:
HTML:
<a> Hover me!</a>
<div class="faraz"> sdjfg
<div class="dikha">Stuff shown on hover</div>
<div class="botm"></div>
</div>
CSS:
div {
display: none;
}
a:hover ~ .faraz > .botm {
display: block;
background-color: RED;
height: 250px;
width: 960px;
}
.botm {
background-color: #0CC;
height: 50px;
width: 100%;
position: fixed;
top: 90px;
}