Question

I am looking for a very simple solution (using jQuery) to let a small popup div appear next to whatever link I click. I know how to make divs show and hide but the problem is I do not know how to make them appear just next to the link I called them from.

It would be perfect if I could use the same div for all the popups no matter which link I click. I am not looking for a finished plugin, only this basic functionality.

Answer 1

If you don’t want to use a plugin (and qTip sounds perfect for this) you could do it a few ways: with CSS or using jQuery’s offset().top and similar to position.

The easiest would be to use CSS. Append an element to the link (or make a wrapping element for your link and append a child) and set the new element’s position to absolute, and the parent’s to relative. Then you can simply manipulate the left, right, top or bottom properties to place the popup.