JQuery. Помогите новичку с решением бага.

[MiHALbI4]

Привет всем!

Я только недавно начал изучать JQuery, так что встала загвоздка в решении такой задачи.

Вот накидал шаблон с этой проблемой. Если зоны (в примере их два серых блока, в жизни будет намного больше), сделанные через тэг «area», (в примере они просто прямоугольные, а в жизни будет очень ломанные).

Суть проблемы: при наведении на зону появляется картинка (желтая), которая накладывается поверх «area» и так же вплывает подсказка (синяя). Я это реализовал на JQuery, но появился неприятный баг. При перемещении мышки из желтой области в синюю (в красной рамке):

https://photos-1.dropbox.com/t/1/AAAjNJ5vPJsGREqlpIEcsDPrE4iRpMKoiJmjcdJQOINLqg/12/44729395/png/1024x768/3/1412802000/0/2/1.png/xFiYIlGwk2FhOikQb0id0H37PIGNrtHprtbzSGv_biI

 

происходит мигание этих блоков, т.е. они исчезают и опять появляются. Вот это мне и нужно как-то исправить, чтобы такого не происходило. Почему так происходит я понимаю, но знаний по JQuery у меня не хватает, чтобы это решить...

 

Так же очень бы хотелось (желательно, но не критично), чтобы при наведении мыши в эту зону (в красной рамке) ничего не исчезало, а только когда курсор уйдет сразу из двух этих блоков (желтый и синий):

https://photos-3.dropbox.com/t/1/AADLcXIWwxxhKihkEGysuAh88Jp4Su9fkn_5V_q-uwvR4Q/12/44729395/png/1024x768/3/1412802000/0/2/2.png/2nLHv2vbwSAl9y3QWA8NTR7qaXsexakFRft6e4X0CrE

 

Только при решении этой задачи должно учитываться:

1) Скрипт на JQuery

2) Структура верстки должна остаться как в шаблоне, не меняя ее вообще!!!

 

Посмотреть в живую: http://jsfiddle.net/z80on04d/

 

Ниже - ссылка на архив, скрипт написан прямо в теле шаблона. Думаю все доходчиво объяснил

https://www.dropbox.com/s/y1oksjgeqwp79jr/area_hover.zip?dl=0

Edited October 8, 2014 by MiHALbI4

[Q4Dizzy]

Залейте ваше творение на http://jsfiddle.net

 

Там и посмотрим и подскажем.

[MiHALbI4]

Залейте ваше творение на http://jsfiddle.net

 

Там и посмотрим и подскажем.

 

Сделал. Добавил ссылку в первый пост.

[Николя223]

это не баг, так и должно быть вы же написали, что только при наводке на арею будет работать

 

 

svg лучше посмотрите, а не карту