JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css">
<div id="tabs">
    <ul>
        <li><a href="#fragment-1">Tab1</a></li>
        <li><a href="#fragment-2">Tab2</a></li>
        <li><a href="#fragment-3">Tab3</a></li>
        <li><a href="#fragment-4">Tab4</a></li>
    </ul>
    
    <div id="fragment-1">
        <ul>
            <li><a href="#fragment-1a">Sub-Tab1</a></li>
            <li><a href="#fragment-1b">Sub-Tab2</a></li>
            <li><a href="#fragment-1c">Sub-Tab3</a></li>
        </ul>
        
        <div id="fragment-1a">
            <p>Google Wave is not going away—it's going in a box. The Wave team plans to flesh out the open source code it has already released and turn it into "Wave in a Box" so that developers can run Wave servers on their own hardware.
            </p>
        </div>
        <div id="fragment-1b">
            <p>Ars goes hands-on with iTunes 10 and finds some performance improvements. Unfortunately, it takes a step back in the UI department. At least you can get rid of the annoying, vertically aligned window controls.</p>
        </div>
        <div id="fragment-1c">
            <p>What a great decade this has been for online scammers. We review the top dodges of the last 10 years and wonder why consumers keep falling for them. If you figure it out, send us your bank account information so we can wire you a reward!</p>
        </div>
    </div>
    
    <div id="fragment-2">
        <p>Google Wave is not going away—it's going in a box. The Wave team plans to flesh out the open source code it has already released and turn it into "Wave in a Box" so that developers can run Wave servers on their own hardware.
        </p>
    </div>
    <div id="fragment-3">
        <p>Ars goes hands-on with iTunes 10 and finds some performance improvements. Unfortunately, it takes a step back in the UI department. At least you can get rid of the annoying, vertically aligned window...

CSS

body {
    font-size: 13px;
    font-family: Arial, sans-serif;
}

p {
    font-size: 12px;
    line-height: 1.5em;
}

JavaScript

$(document).ready(function() {
    // Tab initialization
    $('#tabs, #fragment-1').tabs({
        select: function(event, ui){
            var tabNumber = ui.index;
            var tabName = $(ui.tab).text();
            
            console.log('Tab number ' + tabNumber + ' - ' + tabName + ' - clicked');
        }
    });
});