JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div id='tabs'>
<ul>
    <li><a href="#London">London</a></li>
    <li><a href="#Paris">Paris</a></li>
    <li><a href="#Tokyo">Tokyo</a></li>
  </ul>
  
<div id="London" class="tabcontent">
  <h3>England</h3>
  <p>England is great to live.</p>
</div>

<div id="Paris" class="tabcontent">
  <h3>Madrid</h3>
  <p>Madrid is great to party</p>
</div>

<div id="Tokyo" class="tabcontent">
  <h3>Japan</h3>
  <p>Japan is awesome in technology.</p>
</div>
</div>

JavaScript

$('#tabs').tabs()