Hover link - highlight area, and vice versa.

[boboz]

Hi!

I have an image and a simple text menu.

When hovering an area of the image, I'd like the corresponding menu item to highlight (as in hover) and when hovering a menu item, I'd like the corresponding image map area to highlight.

I've set up a simple fiddle to illustrate the problem: http://jsfiddle.net/tqpFU/23/

How would I go about it?
Thank you.

[ruhley]

Hey boboz,

I encountered something like this for my project. Here is a quick modification of your code. http://jsfiddle.net/V7NY9/1/

[boboz]

Hey ruhley!

Immensely grateful for your help!
After some further modifications I got the desired behaviour. http://jsfiddle.net/Tr4hE/2/

Big Thanks!

[ruhley]

No worries. One minor improvement that could be made is that the jquery function hover can take two parameters. So you should be able to remove the a.mouseleave and put it as part of a.hover. See http://api.jquery.com/hover/

[boboz]

Great, thanks again.