JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>


</head>
<body>

<input type="button" value="button1" id="button1" /><br />
<input type="button" value="button2" id="button2" /><br />
<input type="button" value="button3" id="button3" />

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        Proin elit arcu, rutrum commodo, vehicula tempus, commodo a,
    </div>
    <div id="tabs-2">
        Morbi tincidunt, dui sit amet facilisis feugiat, odio metus
    </div>
    <div id="tabs-3">
        Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti.
    </div>
</div>


</body>
</html>

CSS

#tabs .ui-widget { border:none;  padding:0px; margin:0px; }
        #tabs .ui-widget-header { border:none; display:none; padding:0px; margin:0px; }
        #tabs .ui-widget-content { border:none; padding:0px; margin:0px; }

JavaScript

$(document).ready(function() {
            $( "#tabs" ).tabs();
            
            $("#button1").click(function() {
                $("#tabs").tabs( "select" , 0 );
            });
            $("#button2").click(function() {
                $("#tabs").tabs( "select" , 1 );
            });
            $("#button3").click(function() {
                $("#tabs").tabs( "select" , 2 );
            });
        });