Позиционирование и отображение скрытых элементов с jquery

Question

Попытка реализовать что-то похожее на qtip, но вместо этого использует таблицу, которая сравнивает функции разных вещей, и я сталкиваюсь с проблемой размещения скрытых элементов, которые я хочу показать при наведении мыши. Любая помощь приветствуется. http://jsfiddle.net/2HMjQ/

Answer 1

Вместо event.pageY, я пытался использовать $(this).position().top и смещение 50 в положение прямо под ссылкой. Смотрите ниже,

content.on('mouseenter',function(){ //Used .on instead of bind 
    var index=content.index(this); 
    if(index<0){ 
     stop(); 
    } 
    else{ 
     content.eq(index).css("font-weight","bold"); 
     display.stop(true,true); 
     display.eq(index).css("top",+ $(this).position().top + 50); //Changed 
     display.eq(index).fadeIn('slow'); 
    } 
}).on('mouseleave',function(){ //Used .on instead of bind 
    var index=content.index(this); 
    display.hide(); 
    content.css("font-weight","normal"); 
});  

DEMO:http://jsfiddle.net/2HMjQ/13/

Answer 2

display.eq(index).css("top",+event.PageY);

должно быть:

display.eq(index).css("top",+event.pageY); - обратите внимание на нижний регистр 'р'.

Answer 3

Похоже, что есть простая проблема с корпусом. event.PageY должен быть event.pageY.

Я исправил это и сделал некоторые незначительные изменения CSS мастерить вокруг с кодом здесь: http://jsfiddle.net/2HMjQ/11/