JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css">
<p class="XXX">
    <strong>info 1</strong>
    <h3 class="notesClick">Open Notes</h3>
    <div class="notesHtml" style="display:none">
       more information in 1
    </div>
</p>
<p>
    <strong>info 2</strong>
    <h3 class="notesClick">Open Notes</h3>
    <div class="notesHtml" style="display:none" title="CC">
       more information in 2
    </div>
</p>

JavaScript

$(function() {

    $('.notesClick').click(function(event) {
        var notes = $(event.currentTarget).next('.notesHtml');
        $("<div style='font-size: 11px; text-align: right' title = 'Treść' >").html(notes.html()).dialog();
    });
});