Making A Div Appear When Hovering Over Another?

[caseyrae18]

Is there a way to make a div appear when hovering over another div?
I have this header:
http://i.minus.com/iz3t7nvOs9kRN.jpg
And wanted put transparent divs on top on the separate text sections, and have the corresponding divs show up in the empty space below all of the text.
I thought I’d had the correct codes to use, but nothing I’ve tried will work.

Is there a way to do this in all CSS? & Of course not having everything all in the same div, because there are 4 different ‘parent’ divs, and 4 different ‘child’ divs…

Any help is appreciated!

[georgearnall]

Unless the appearing divs are child elements of the hovered divs this is not possible in CSS.

However, you can do this quite easily in jQuery.

http://cdpn.io/xAzIp

Hope you find this useful :)

[GrayOne]

If you can put your links at the top of your markup you can use some dirty code like this :)

http://codepen.io/anon/full/oehvn

[mikewax]

You can probably make it work with a onhover or mousover function. just make it so the function hides the div when it’s inactive, and shows the div when the function is active.

[Author]

Posts