JSFiddle - React, Tailwind, and code Playground

by Hamman Samuel

HTML

<div style="display:none;height:200px;width:200px;border:3px solid green;" id="popup">Hi</div>

<div id="d">Click me</div>

JavaScript

$(document).ready(function(){
    $('div#d').bind('click', function (event) {
    $('#popup').css('left',event.pageX);      // <<< use pageX and pageY
    $('#popup').css('top',event.pageY);
    $('#popup').css('display','inline');     
    $("#popup").css("position", "absolute");  // <<< also make it absolute!
    });
});