At the event of mouse over each Stack Overflow tag displays an information box beneath itself. As long as the mouse is over the tag or over the info box, it continues to be visible. Moving the mouse out of either the tag or the info box causes the info box to disappear.
How can I achieve this using JQuery or JS? Please explain the process of retrieving the tag info from the server as well.
update:
The important thing is it’s hard to believe that it is a tooltip. Because a tooltip will typically vanish when the tag loses the mouse pointer from its surface. But as for the Stack Overflow tooltips they stay still even if the mouse is moved over the information area. That’s why I raised this question to clarify about this. How is this type of customization done?
Look at some tooltip plugins for jQuery. As for the receiving of the HTML for the tooltip, just look at some simple
$.ajaxexamples in the jQuery documentation.Tooltips