Всплывающее окно
 

#cabinet-auth - это кнопка
#auth-popup - это всплывающее окно
Нужно чтобы окно появлялось при клике по кнопке в томже месте где находится кнопка. Пытаюсь сделать через offset(), чтобы даже с ресайзом браузера всплывающее окно было четко в том же месте где кнопка, но не выходит.
Почему всплывающее окно показывается только с 2го клика?

$('#cabinet-auth').click(function(eventObj) {
    $('#auth-popup').offset({top:$(this).offset().top, left:$(this).offset().left}).show();
    eventObj.preventDefault();
    return false;
  });

Нашел решение, сбрасывать координаты при закрытии

// обработка пункта меню личный кабинет
  $('#cabinet-auth').click(function(eventObj) {
    $('#auth-popup').offset({top:$('#cabinet-auth').offset().top+60, left:$('#cabinet-auth').offset().left-50}).show();
    eventObj.preventDefault();
    return false;
  });
  // закрытие всплывающего окна личный кабинет
    $(document).click(function(e){
        if ($(e.target).closest("#auth-popup").length) return;
        $('#auth-popup').offset({top:0, left:0}).hide();
        e.stopPropagation();
    });