jQuery Forum

Hey,

I would like to make something similar like this, but create two separate contents:
http://paragraphe.org/nice/test.html

Steps:

1. Instead I would like the image not to be an image, but to be treated as a div (content 1) of an opacity of 90%. This way I can see the hidden div layered behind it.
2. When hovered, the hidden div (content 2) will begin to appear without any opacity & obviously without the content 1.
   
3. Then when mouseout, it goes back as step 1.

I went through so many forums and tested out different codes, but still can't find anything I want. Also, I'm new to Jquery.
Your help would be much appreciated! (: Thanks !