U.Helper

<div style="display:none;position:absolute;background: #fff; border: 1px solid black;" id="e">
Text
</div>
<a href="javascript://" id="c">
Click!
</a>
<script type="text/javascript">
document.getElementById('c').onclick = function (event) {
var i = document.getElementById('e');
i.style.display = 'block';
i.style.marginTop = event.pageY + 10;
i.style.marginLeft = event.pageX + 10;
}
</script>

<script type="text/javascript">
$('#c').click(function(event) {
$('#e').show().css({top: event.pageY + 10, left: event.pageX + 10});
});
</script>

<script type="text/javascript">
$('#c').click(function(event) {
var u = this.className;
this.className = u == 'show' ? 'hide' : 'show';
$('#e')[(u || 'show')()].css({top: event.pageY + 10, left: event.pageX + 10});
});
</script>

$('#mesall').scrollTo($('#mesall').height());