Jquery将DIV对齐到链接

我正试图显示一个隐藏的DIV，但我希望它显示在调用它的链接旁边，而不是页面下方

页面上可能有多个超链接或图像链接，我想将“popup”div全部标记为显示在已单击的链接或图像旁边

我该怎么做

这是我正在使用的jquery：

function deselect(e) {
  $('.pop').slideFadeToggle(function() {
    e.removeClass('selected');
  });    
}

$(function() {
        $("[id$='contact']").click(function(){

    if($(this).hasClass('selected')) {
      deselect($(this));               
    } else {
      $(this).addClass('selected');
      $("#messagepop").css( {position:"absolute", top:event.pageY, left: event.pageX});
      $('.pop').slideFadeToggle();
    }
    return false;
  });

  $('.close').on('click', function() {
    deselect($('#contact'));
    return false;
  });
});

$.fn.slideFadeToggle = function(easing, callback) {
  return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
};

我已经创建了一个来展示我到目前为止的成果

---

谢谢

最主要的是您是通过id（

#messagepop

）而不是类（

.messagepop

）来引用

messagepop

）

其次，您可以通过使用获取链接的位置，使其显示在链接旁边：

$(".messagepop").css( {position:"absolute",
                       top:$(this).offset().top,
                       left: $(this).offset().left});

---

您的代码是正确的，但您使用了错误的选择器。当需要

.messagepop

时，您使用了

#messagepop

。谢谢，太好了。。是否要在右上角添加关闭图标？是的，您可以在右上角添加链接。请记住将它连接到相同的

$（'.close'）。单击
处理程序--谢谢最后一个问题。如果再次单击同一链接，是否仍然可以停止弹出关闭？或者如果单击了新链接？所以你必须先关闭当前的一个？