JSFiddle - React, Tailwind, and code Playground

by chrisk

HTML

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<div id="producttabs1">
    <ul class="tabs">
        <li><a href="#tabs-1">Overview</a></li>
        <li><a href="#tabs-2">Specifications</a></li>
        <li><a href="#tabs-3">Applications</a></li>
        <li><a href="#tabs-4">Media</a></li>
        <li><a href="#tabs-5">Downloads</a></li>
        <li><a href="#tabs-6">Related Products</a></li>
    </ul>
    <div id="tabs-1">
        Overview
    </div>
    <div id="tabs-2">
        Specs
    </div>
    <div id="tabs-3">
        Applications
    </div>
    <div id="tabs-4">
        Media
    </div>
    <div id="tabs-5">
        Downloads
    </div>
    <div id="tabs-6">
        Related Products
    </div>
</div>

JavaScript

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