JSFiddle - React, Tailwind, and code Playground

by rburns3

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Welcome</a></li>
    <li><a href="#tabs-2">Login</a></li>
    <li><a href="#tabs-3">Place Vote</a></li>
  </ul>
  <div id="tabs-1">
    <p>If you 18 or above click tab 2</p>
  </div>
  <div id="tabs-2">
    <p>Check email for your login ID</p>
  </div>
  <div id="tabs-3">
    <p>This content in the third</p>
    <p>And you can have as much content here as you want.</p>
  </div>
</div>

CSS

body {
  margin:30px;
}

JavaScript

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