JSFiddle - React, Tailwind, and code Playground

by sawmac

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Ajax Tabs</title>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script
src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<script>
$(function() {
    $('#tabs').tabs();
});
</script>
</head>

<body>
<div id="tabs">
<ul>
<li><a href="panel1.html">Panel 1</a></li>
<li><a href="panel2.html">Panel 2</a></li>
<li><a href="panel3.html">Panel 3</a></li>
</ul>
</div>
</body>
</html>