Both tooltips show when mouse move to 2 overlapping contents

[slash]

This is an example: http://dojo.telerik.com/UnOJu

Have 2 DIVs, DIV 2 is inside DIV 1. Both have tooltip. When mouse move to DIV 2, both tooltips show up.

How can I let it only show tooltip for DIV 2 if mouse cursor is inside DIV 2, and show tooltip for DIV 1 if mouse cursor is inside DIV 1 but outside DIV 2?

 

 

Thanks,

Yong

[Iliana Dyankova]

Hi Yong,

For this scenario I would suggest the following approach: 
- Move div2 outside div1 and position it via CSS;
- Manually hide the first tooltip using its hide method.
Take a look at the updated dojo which demonstrates this approach in action: 
http://dojo.telerik.com/@Iliana/UVeRI

Regards,
Iliana Nikolova
Telerik

 

 

[slash]

Thank you Iliana, it looks like a right solution for my case.

 

 

Regards,

Yong