JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css">
<a id="note10" onclick="openDialog('10')" style="cursor:pointer">0010</a>
<div style="display:none" title="Title 10" id="dialog_content_10">Row 10</div>

JavaScript

function openDialog(row_index) {    
    var target = $('#note'+row_index);
    $("#dialog_content_"+row_index).dialog({ width:150 },
    { height:80 }).dialog('widget').position({
    my: 'left top',
    at: 'right top',
    of: target 
    });
}