JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<div data-role="page" id="pageIndex">
    <div data-role="content">Loading...</div>
</div>
<div data-role="page" id="pageLogin">
    <div data-role="header" data-add-back-btn="true">
         <h1>Header</h1>

    </div>
    <div class="login_background">
        <div class="login_header">AppCoins</div>
    </div>
</div>

JavaScript

$(document).on('pagecreate', '#pageIndex', function () {
    setTimeout(function () {
        $.mobile.pageContainer.pagecontainer("change", "#pageLogin", {
            transition: "slideup"
        });
    }, 200);
});