JSFiddle - React, Tailwind, and code Playground

by NicoO

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 id="tabs-1">Hello Fine Sir...</div>
    <div id="tabs-2">Have a great day!</div>
</div>

JavaScript

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