JSFiddle - React, Tailwind, and code Playground

by petersendidit

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div id="container-1">
    <ul>
        <li><a href="#1"><span>tab 1</span></a></li>
        <li><a href="#2"><span>tab 2</span></a></li>
        <li><a href="#3"><span>tab 3</span></a></li> 
    </ul>
    
    <div id="1">
        <span>tab 1 content</span>
    </div>
    
    <div id="3">
        <span>tab 3 content</span>
    </div>
    
    <div id="2">
        <span>tab 2 content</span>
    </div>
</div>

JavaScript

$('#container-1').tabs();