JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-darkness/jquery-ui.css">
<div id="tabs">
  <ul>
    <li><a href="#tab-1">Tab 1</a></li>
    <li><a href="#tab-2">Tab 2</a></li>
    <li><a href="#tab-3">Tab 3</a></li>
  </ul>

  <div id="tab-1">
    <p>Tab 1</p>
    <ol>
      <li>Content in bullet 1</li>
      <li>Content in bullet 2</li>
      <li>Content in bullet 3</li>
      <li>Content in bullet 4</li>
      <li>Content in bullet 5</li>
    </ol>
  </div>

  <div id="tab-2">
    <p>Tab 2</p>
    <ol>
      <li>Content in bullet 1</li>
      <li>Content in bullet 2</li>
      <li>Content in bullet 3</li>
      <li>Content in bullet 4</li>
      <li>Content in bullet 5</li>
    </ol>
  </div>

  <div id="tab-3">
    <p>Tab 3</p>
    <ol>
      <li>Content in bullet 1</li>
      <li>Content in bullet 2</li>
      <li>Content in bullet 3</li>
      <li>Content in bullet 4</li>
      <li>Content in bullet 5</li>
    </ol>
  </div>
</div>

JavaScript

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