Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 368
  • Last Modified:

Hover Div CSS question

On trulia.com when you are looking at a property results page and you hover over a div, then hidden divs inside the main div are made visible. I want to recreate this effect on my site (I'm using Twitter bootstrap 2.3).

Can this be done using only CSS? Please post example code to get me started.
Thanks!

http://www.trulia.com/for_sale/Seattle,WA/4p_beds/
0
Bang-O-Matic
Asked:
Bang-O-Matic
1 Solution
 
mikeyd234Commented:
HTML
<div class="parent">
    <p>Hello, I'm a child...</p>
    <p class="hidden">..and so am I but I'm hidden.</p>
</div>

Open in new window


CSS
.hidden { display:none; }
.parent:hover .hidden { display:block; }

Open in new window


http://jsfiddle.net/553tk/ 

:)
0
 
Bang-O-MaticAuthor Commented:
Exactly what I needed! Thanks!
0

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now