Спасибо! Правда за неимение опыта программирования скриптов, не очень понимаю, что делать.
1. Я правильно понимаю, что в коде ниже, выводится основная информация? Но как туда добавить вывод еще + двух элементов pin-left и pin-right)?
// Устанавливаем направление символа подсказки - вверх или вниз
if ($(".pin").eq(i).hasClass('pin-down')) {
tooltipDirection = 'tooltip-down';
} else {
tooltipDirection = 'tooltip-up';
}
2. В случае второго блока какие-то изменения надо вносить?
// Добавляем подсказку
$("#wrapper").append("<div style='left:"+$(".pin").eq(i).data('xpos')+"px;top :"+$(".pin").eq(i).data('ypos')+"px' class='" + tooltipDirection +"'>\
<div class='tooltip'>" + $(".pin").eq(i).html() + "</div>\
</div>");
}
3.В этом блоке я так понимаю необходимо сделать так?:
// Выводим/скрываем подсказку
$('.tooltip-up, .tooltip-down, .tooltip-left, .tooltip-right').mouseenter(function(){
$(this).children('.tooltip').fadeIn(100);
}).mouseleave(function(){
$(this).children('.tooltip').fadeOut(100);
})
});