JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<section id="tabs">
	<header>
		<h2>Lorem Ipsum</h2>
		<nav>
			<h3>Table of Content</h3>
			<ul>
				<li><a href="#tabs-1">Nunc tincidunt</a></li>
				<li><a href="#tabs-2">Proin dolor</a></li>
				<li><a href="#tabs-3">Aenean lacinia</a></li>
			</ul>
		</nav>
	</header>
	<section id="tabs-1">
		(content 1)
	</section>
	<section id="tabs-2">
		(content 2)
	</section>
	<section id="tabs-3">
		(content 3)
	</section>
</section>

JavaScript

$( "#tabs" ).tabs();