JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/cupertino/jquery-ui.css" rel="stylesheet" media="screen" /> 
        <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
         
    </head>
    <body>
       
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Tab 1</a></li>
            <li><a href="#tabs-2">Tab 2</a></li>
            <li><a  href="#tabs-3"" onclick="alert('test');">Tab 3</a></li>
        </ul>
        <div id="tabs-1">
            <p>Tab 1 content</p>
        </div>
        <div id="tabs-2">
            <p>Tab 2 content</p>
        </div>
        <div id="tabs-3">
            <p>Tab 3 content</p>        
        </div>
    </div>
                  
    </body>
</html>

JavaScript

$(function() {
        
    //$("#mytest").bind("click", function() { 
        //alert("test");    
    //});
        
    $( "#tabs" ).tabs();
    $( "#tabs" ).tabs("select", 2);                
});