JSFiddle - React, Tailwind, and code Playground

by Danielo Rodriguez

HTML

<div class="tabs">
    <ul>
        <li>
            <a href="#one">one</a>
        </li>
        <li>
            <a href="#two">two</a>
        </li>
    </ul>
    <div id="one">one</div>
    <div id="two">two</div>
</div>

JavaScript

$(".tabs").tabs({
        select  : function(event,ui) {
            alert("selected a tab");
        },
        activate : function(event,ui) {
            //console.log(ui.newTab);
            console.log(ui.newTab.index());
            console.log($("#current").text($(ui.tab).attr('href')));
            console.log($(ui.tab));
        }
    });