JSFiddle - React, Tailwind, and code Playground

by sendil J

HTML

<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">
        <iframe frameborder="0"></iframe>
    </div>
    <div id="tabs-2">
        <iframe frameborder="0"></iframe>
    </div>
    <div id="tabs-3">
        <iframe frameborder="0"></iframe>
    </div>
</div>

JavaScript

$( "#tabs" ).tabs({ heightStyle: 'content'});