JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<div id='childarpt' class='childarpt' ></br>
  <div id="tabs"><ul>
  <li class="active"><a href="#Total"><span>Total</span></a></li>
  <li><a href="#USA"><span>USA</span></a></li>
  <li><a href="#ASIA"><span>ASIA</span></a></li>
  <li><a href="#JAPAN"><span>JAPAN</span></a></li>
  <li><a href="#LATAM"><span>LATAM</span></a></li>
  <li><a href="#EMEA"><span>EMEA</span></a></li>
  </ul>
  <table id='myTable' border='0'>

  <div id="Total" class="tab active">
  Total
  </div>
   <div id="USA" class="tab">
   USA
  </div>
  <div id="ASIA" class="tab">
    ASIA
  </div>
   <div id="JAPAN" class="tab">
   JAPAN
  </div>
   <div id="LATAM" class="tab">
   LATAM
  </div>
   <div id="EMEA" class="tab">
   EMEA
  </div>
 
  </table>
  </div>

JavaScript

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