JSFiddle - React, Tailwind, and code Playground

by Jason Crowther

HTML

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<div data-role="page" id="my-page">
    <div data-role="tabs">
        <div data-role="navbar">
            <ul>
                <li><a id="tab-one" href="#one">one</a>
                </li>
                <li><a id="tab-two" href="#two">two</a>
                </li>                <li><a id="tab-three" href="#three">three</a>
                </li>
            </ul>
        </div>
        <div class="ui-content" id="one">tab one content</div>
        <div class="ui-content" id="two">tab two content</div>
        <div class="ui-content" id="three">jason was here</div>
    </div>
    <p><input type="button" value="what"
    onclick="$('#tab-two').trigger('click');"/></p>
    
</div>

JavaScript

$(function() {
    $('#tab-three').trigger('click');
});