JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="dialog">
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">tab 1</a></li>
            <li><a href="#tabs-2">tab 2</a></li>
        </ul>
        <div id="tabs-1">test 1</div>
        <div id="tabs-2">test 2</div>
    </div>
</div>

JavaScript

$("#tabs").tabs({
    activate: function(event, ui) {
        $("#dialog").dialog( "option", "height", 600 );
    }
});

$("#dialog").dialog();