How to show hidden divs on mouseover?

Question

How to show a set of hidden div\'s onmouseover?

For example :

Div 1 Content
Div 2 Content&l         


        
      

Answer 1

There is a really simple way to do this in a CSS only way.

Apply an opacity to 0, therefore making it invisible, but it will still react to JavaScript events and CSS selectors. In the hover selector, make it visible by changing the opacity value.

#mouse_over {
  opacity: 0;
}

#mouse_over:hover {
  opacity: 1;
}

Now you see me