JSFiddle - React, Tailwind, and code Playground

by chrisloughnane

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css">
<div id="dialog">
<div id="tabs">
    <ul>
        <li><a href="#arts">arts</a></li>
        <li><a href="#tabs-2">tab 2</a></li>
        <li><a href="#tabs-3">tab 3</a></li>
        <li><a href="#tabs-4">tab 4</a></li>
    </ul>
    
    <div id="arts">
        arts 1
    </div>
    
    <div id="tabs-2">
        test 2
    </div>
    
    <div id="tabs-3">
        test 3
    </div>
    <div id="tabs-4">
        test 4
    </div>
    
</div>


</div>

JavaScript

$(function() {
    $("#tabs").tabs();
    $("#dialog").dialog();
});