Js popup position which right under target item

    <div style="margin-left:100px;">
        <span id="txt" style="color:#eeeeff;abc</span>
            
        <div id="divPop" style="z-index:500;position:absolute;display:none;color:#ffffff;background-color:#000000">
            Hello World! This is Popup Div.
        </div>
    </div>

    jQuery.fn.popupDiv = function (divToPop) {
        var pos=$(this).position();
        var height = $(this).height;

        $(this).click(function (e) {
            $(divToPop).css({
                left: pos.left + "px",
                top: (pos.top + height) + "px"
            });
            if ($(divToPop).css(‘display‘) !== ‘none‘) {
                $(divToPop).hide();
            }
            else {
                $(divToPop).show();
            }
        });
    };

        $(document).ready(function() {
            $("#txt").popupDiv("#divPop");
        });