JSFiddle - React, Tailwind, and code Playground

by xmajox

HTML

<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">
<div id="tabThingyContainer">
    <ul>
        <li><a href="#tabForStuff">I r' a tab</a></li>
        <li><a href="#thingyTab">I be tab two</a></li>
    </ul>
    <div id="tabForStuff">
        <ul>
            <li>I have a list of stuff</li>
            <li>With stuff innit</li>
        </ul>
    </div>
    <div id="thingyTab">
        <p>I say things and <a href="http://www.google.com">go places</a>.</p>
    </div>
</div>

JavaScript

$("#tabThingyContainer").tabs({
    selected: -1, /** Comment to start with tabs expanded */
    collapsible: true,
});