[RESOLVED]Hover on div and show hidden div

I have been trying to do this with css and it does seem to be working I have made a jsFiddle, I wanted to avoid using jQuery Can any one see what I’m doing wrong.?

http://jsfiddle.net/StudentRik/jbcnwvqx/

Hi,

You need to use Following CSS 

.mcs-div-content {
    display: none;
}
.mcs-div:hover + .mcs-div-content {
    display: block;
}

Instead of your 

.mcs-div-content {
    display: none;
}
.mcs-div:hover .mcs-div-content {
    display: block;
}

Regards,

Ajay

Leave a Reply