JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tabs">
    <ul>
        <li><a href="#tabs-1">First tab</a></li>
        <li><a href="#tabs-2">Second tab</a></li>
    </ul>
</div>

<div id="#tabs-1">Hello Fine Sir...</div>
<div id="#tabs-2">Have a great day!</div>

JavaScript

$(function(){
    var handleActivation = function(tab){
        alert($(tab).text());
    };
    
    $("#tabulators").tabs({
        create: function(event,ui){
            handleActivation(ui.tab);
        },
        beforeActivate: function(event,ui){
            handleActivation(ui.newTab);
        }
        
    });
    
    
});