JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<p id="foo">Foo</p>

<p><button id="bar">Click me</button></p>

CSS

#foo {
    margin-top: 2em;
}

#bar {
    margin: 30em 0;
}

JavaScript

$(function () {
    $('#foo').tooltip({ 'content': 'I should appear beneath "Foo"', 'items': '*' });
    
    $('#bar').click(function () {
        $('#foo').tooltip('open');
    });
});