JSFiddle - React, Tailwind, and code Playground

by niklasvh

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css">
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab1</a></li>
        <li><a href="#tabs-2">Tab2</a></li>
        <li><a href="#tabs-3">Tab3</a></li>
    </ul>
    <div id="tabs-1">s</div>
    <div id="tabs-2">s</div>
    <div id="tabs-3"><input type="button" id="but" value="click" /></div>
</div>

JavaScript

$(document).ready(function () {
        var tabs = $("#tabs").tabs();
    
    $("#but").click(function(){
        $('#tabs ul:first li:eq(1) a').text("Other text");
    });
});