Как найти положение элемента и применить его к другому элементу?

Question

У меня есть значок звезды на странице.Если пользователь не вошел в систему, я показываю другое изображение с надписью «Пожалуйста, войдите в систему».Проблема, с которой я столкнулся, заключается в том, что это изображение отображается в следующей строке до самого левого края.Мне нужно показать это прямо под значком звезды.Я пытаюсь найти положение значка звезды, затем отрегулировать верхнее и нижнее значения и отобразить изображение «Пожалуйста, войдите в систему» ​​прямо под ним.

<asp:Image ID="imgFavorite" runat="server" ImageAlign="AbsMiddle" />
<div id="toolTipDivTitle" class="tooltip"></div>

И мой JavaScript -

 function showSignInPromptForTitle() {
    var toolTipDivTitle = $("#toolTipDivTitle");
    toolTipDivTitle.css('background', 'url(/SiteCollectionImages/CF_HoverOver.png) no-repeat');
    toolTipDivTitle.css('color', 'white');
    toolTipDivTitle.css('width', '160px');
    toolTipDivTitle.css('height', '83px');
    toolTipDivTitle.css('padding', '30px 5px 0px 20px');
    toolTipDivTitle.css('z-index', '9999');
    toolTipDivTitle.css('display', 'none');
    toolTipDivTitle.css('position', 'absolute');
    toolTipDivTitle.css('font-size', '11px');
    toolTipDivTitle.text('Sign in to add to your favorites.');
    toolTipDivTitle.show();

Любая помощь приветствуется.Спасибо!

Обновление: вот ссылка на скрипку - http://jsfiddle.net/eqACv/2/

Answer 1

http://api.jquery.com/position/

http://api.jquery.com/offset

Отметьте те, они ведут себя по-разному.

Answer 2

Вот скрипка с тем, что вы хотите:

http://jsfiddle.net/eqACv/8/

Для еще большего эффекта вы должны добавить ('вслепую', 500) в качестве параметров для функций скрытия и отображения. (Требуется jQuery UI)

Answer 3

$('#one_element').offset( $('#another_element').offset() );