JSFiddle - React, Tailwind, and code Playground

by MrTest

HTML

<div class="tab-set ui-tabs ui-widget ui-widget-content ui-corner-all">
        <ul class="tabs clearfix ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
          <li class="ui-corner-top ui-tabs-selected ui-state-active"><a href="#article">Article</a></li>
          <li class="ui-corner-top ui-state-default"><a href="#comments">Comments</a></li>
          <li class="ui-corner-top ui-state-default"><a href="#presentation">Presentation</a></li>
          <li class="ui-corner-top ui-state-default"><a href="#movie">Movie</a></li>
          <li class="ui-corner-top ui-state-default"><a href="#bibliography">Bibliography</a></li>
        </ul>
        <div id="article" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
          <h3>Lorem Nulla</h3>
          <p>Suspendisse iaculis, massa tempus volutpat iaculis, est sapien bibendum libero, a fringilla purus magna laoreet enim. Donec egestas eleifend sem. Aenean cursus magna eu arcu. Nam erat urna, dictum in, eleifend non, ultricies non, nibh. Proin sem arcu, laoreet ut, lacinia eget, ultricies a, sem. Maecenas vitae erat a ligula consectetur vestibulum. Integer ante. Mauris et nisl non velit eleifend sodales. Nunc sem dolor, convallis at, dignissim eu, vehicula vel, justo. Quisque purus nulla, rhoncus sit amet, ullamcorper sed, lobortis ac, libero. Etiam lobortis aliquet ante. Pellentesque dolor felis, laoreet sed, porttitor in, laoreet a, magna. Fusce tempus vulputate est. Etiam eu risus. Nulla tincidunt. Praesent tincidunt posuere tortor. Maecenas mauris diam, congue a, viverra ac, lacinia sit amet, mauris. Vivamus mollis fermentum erat.</p>
          <p>Donec eleifend aliquet erat. Curabitur congue sapien pulvinar nulla. Proin posuere tincidunt orci. Vivamus aliquet. Nam sit amet nibh a elit adipiscing dapibus. Nulla id odio scelerisque urna consectetur sagittis. Nulla placerat ligula vitae lacus. Etiam ut magna eu est lacinia iaculis. Praesent egestas ligula. Integer...

JavaScript

$(document).ready(function() {
    $(".tab-set").tabs();
    if ($(".tab-set") && document.location.hash) {
        $.scrollTo(".tab-set");
    }
    $(".tab-set ul").localScroll({
        target: ".tab-set",
        duration: 0,
        hash: true
    });
});