JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">
<div id="tabs">
  <ul>
    <li><a href="#tabs1">tab1</a></li>
    <li><a href="#tabs2">tab2</a></li>
    <li><a href="#tabs3">tab3</a></li>
  </ul>
        <div>
            <div id="tabs1">tab1tab1tab1tab1tab1tab1</div>
            <div id="tabs2">tab2tab2tab2tab2tab2tab2</div>
            <div id="tabs3">tab3tab3tab3tab3tab3tab3</div>
        </div>
</div>

JavaScript

$(document).ready(function() {
    $('#tabs').tabs({
        selected: 0,
        fx: {
            opacity: 'toggle',
            duration: 200
        }
    });
});