JSFiddle - React, Tailwind, and code Playground

by azhari

HTML

<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<div id="tabs">
   <ul>
     <li><a href="#tabs-1">Tab 1</a></li>
     <li><a href="#tabs-2">Tab 2</a></li>
     <li><a href="#tabs-3">Tab 3</a></li>
   </ul>
 
   <div id="tabs-1">
     <p>Isi dari tab pertama</p>
   </div>
 
   <div id="tabs-2">
     <p>Isi dari tab kedua.</p>
   </div>
 
   <div id="tabs-3">
     <p>Isi dari tab ketiga.</p>
   </div>
</div>

JavaScript

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