show div on hover css only not working

Question

Hello i have tried everything, but still does not work, i have problems showing div2 on hover over div1.

<div id="div1">....</div>
<div id="div2" class="hidden"> ...</div>

and css:

.hidden{block:none;}

#div1:hover + #div2{
   display:block;
}

And for some reason div2 does not show on hover?

user497849 · Accepted Answer · 2011-12-08 06:24:14Z

2

this is the CSS that you need

.hidden{
    display: none;
}

#div1:hover + #div2 {
    display: block;
}

your CSS

.hidden{block:none;}

is incorrect, change "block" to "display"

answered Dec 8, 2011 at 6:24

user497849

Sign up to request clarification or add additional context in comments.

2 Comments

user1080711 Over a year ago

typo here u have the exact code that i have #nadole{ display: none; } #art1:hover #nadole{ display: block; } where <div id="art1">...</div><div id="nadole">...</div>

user497849 Over a year ago

well, based on your comment, you should have #art1:hover + #nadole{ display: block; } see the "+" between "#art1:hover" and "#nadole"

Collectives™ on Stack Overflow

show div on hover css only not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related