Bootstrap popover - directly under the line clicked on for multi-line texts

Popover

/*Popover functionality*/
$(window).on('resize', function(event) {
	$('.show-text').not(this).popover('hide');
});
$(window).on('click', function(event) {
	if (!$(event.target).hasClass("show-text")) {
		$('.show-text').popover('hide');
	}
});
$('.show-text').popover({
	animation: false
});
$('.show-text').click(function(e) {
	//var offset = $(e.target).offset();
	//e.pageY = offset.top + $(e.target).height();
	$('.popover').position({
		my: "center top",
		at: "center bottom",
		of: e,
		collision: "fit",
		using: function(pos, data) {
			var diff = data.target.top - $(e.target).offset().top,
					top = pos.top - diff,
					height = parseFloat($(e.target).css("line-height"));
			while (diff > height) {
				diff -= height;
				top += height;
			}
			$(this).css({
				top: top + height + 11,
				left: pos.left
			});
		}
	});
	$('.popover > .arrow').position({
		my: "center",
		at: "center",
		of: e,
		collision: "fit",
		using: function(pos) {
			$(this).css("left", pos.left);
		}
	});
	$('.show-text').not(this).popover('hide');
});