JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Hide example</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
</head>
<body>
<div data-role="page" id="home">
    <div data-role="header">
        <h1>Header</h1>
    </div>
    <div data-role="content">
        <p>Content goes here<br/><br/></p>
        <p>Content goes here<br/><br/></p>
        <p>Content goes here<br/><br/></p>
        <p>Content goes here<br/><br/></p>
        <p>Content goes here<br/><br/></p>
        <p>Content goes here<br/><br/></p>
        <p>Content goes here<br/><br/></p>
        <p>Content goes here<br/><br/></p>
    </div>

    <div data-role="footer" data-position="fixed">
        <div data-role="navbar" class="nav-icons">
            <ul>
                <li><a href="#page_overview">Overview</a></li>
                <li><a href="#data">Data</a></li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function() {
        $.mobile.setTouchToggleEnabled(false);
        $.fixedToolbars.setTouchToggleEnabled(false);
        $.mobile.touchToggleEnabled = false;
        $('#home').live( 'pageinit',function(event){
            $.mobile.setTouchToggleEnabled(false);
            $.fixedToolbars.setTouchToggleEnabled(false);
            $.mobile.touchToggleEnabled = false;
        });
    });
</script>
</body>
</html>