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.
When hovered, the hidden div(content 2) will begin to appear without any opacity & obviously without the content 1.
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 !