JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.23/themes/base/jquery-ui.css">
<div id="tabs">
    <ul>
        <li><a href="#tabs-1" class="moo" onclick="return false;" >Nunc tincidunt</a></li>
        <li><a href="#tabs-2" class="moo" onclick="return false;" >Proin dolor</a></li>
    </ul>

    <div id="tabs-1">
<p>asdsadsa</p>
        <p></p><p></p>
        <p></p>
    </div>

    <div id="tabs-2">
        <p>123123213</p>
        <p></p><p></p>
        <p></p>
        <p></p><p></p><p></p><p></p><p></p><p></p>
    </div>
</div>

CSS

p{
    height: 100px;
}

JavaScript

$(document).ready(function () {        

      $('.moo').click(function (evt) {
        // stops from submitting the form
        evt.preventDefault();
        return false;
    });


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

    $("#tabs ul li a").each(function(){
        $(this).click(function(e){
            e.preventDefault();
        });
    });

    setTimeout(function () {
        if (location.hash) {
            window.scrollTo(0, 0);
        }
    }, 1);

});