For a portfolio I created an entry with a picture and a caption with additional subtext.
When hovering over the image, the image changes from grayscale to color (css image replacement).
When hovering over the caption, it slides up and reveals a subtext.
I would like to combine these two functions. When I hover anywhere on the entry, I would the picture to change from grayscale to color and the subtext to slide up.
I set up a JSfiddle: http://jsfiddle.net/blendwerk/q8HtS/
How can I achive my goal. I appreaciate any help.
http://jsfiddle.net/q8HtS/3/
You just need to attach mouse events on whole area with picture and text, and for insurance to rebind event you can set a namespace to rebind them separatly in future.