First off, thank you in advance for anyone that is able to provide a little insight on this mater.
I have a 3 column UL with each LI containing titles, an image and a paragraph of text on my homepage. I am hoping to have these appear as shown in the sample image and then as the user rolls over the next LI the opacity changes to reflect the users hover state using jQuery.
This may be a little unclear so I've attached some sample images to help highlight what I am talking about.
The main goal though is that on page load, the first column is fully visible while the other columns are 50% transparent (or covered with a png with opacity) and then the user rolls over the next li to have the effect change to reveal that one.
I am also hoping to have this with fadein/fadeout effects.
I am sure this has been done before as I have seen it in several instances, I just can't find any support on achieving this.
The link to the site I am doing this on is http://www.nextcode.com.au/temptest/
Any help or suggestions on this would be greatly appreciated.