JSFiddle - React, Tailwind, and code Playground

by johnc_22

HTML

<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<div class="tabs">
    <ul>
        <li><a href="#one">1</a></li>
        <li><a href="#two">2</a></li>
        <li><a href="#three">3</a></li>
        <li><a href="#four">4</a></li>
        <li><a href="#five">5</a></li>
    </ul>
    
    <div id="one">1</div>
    <div id="two">2</div>    
    <div id="three">3</div>
    <div id="four">4</div>    
    <div id="five">5</div>
</div>

JavaScript

jQuery(".tabs").tabs(
    {
        activate: function(event, ui)
        {
            alert("activate");
        }
    }
);