JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<link href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

<form>
    <div id="tabs">
        <ul>
            <li><a href="#tab1">Whatever</a></li>
        </ul>
        <div id="tab1">
            <input type="text" value="whatever">
        </div>
    </div>        
</form>

<button>Make Tabs</button>

CSS

input {
    width: 185px;
}

JavaScript

$('button').on('click', function() {
    $('#tabs').tabs();
    this.remove();
});