JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://demos.jquerymobile.com/1.4.2/js/jquery.mobile-1.4.2.min.js"></script>
<link rel="stylesheet" href="http://demos.jquerymobile.com/1.4.2/css/themes/default/jquery.mobile-1.4.2.min.css">
<body>
    <!-- Page 1 -->
    <div data-role="page" id="index">
        <div data-role="header" data-position="fixed">
            <h1>Page 1</h1>
            
        </div>
        <div data-role="content">
            This is page one
            <a href="#" id='changepage'>Click Here for page 2</a>
        </div>
        <div data-role="footer" data-position="fixed">
            <h1>Footer</h1>            
        </div>
    </div>
    
    <!-- Page 2 -->
    <div data-role="page" id="page2">
        <div data-role="header" data-position="fixed">
            <h1>Page 2</h1>
            
        </div>
        <div data-role="content">
          <div data-role="collapsibleset" data-inset="false">
    <div data-role="collapsible">
        <h3>Collapsible 1</h3>
        <table data-role="table" id="table" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" data-column-btn-text="Columns to display..." data-column-popup-theme="a">
         <thead>
           <tr class="ui-bar-d">
             <th>Horário</th>
             <th>De</th>
             <th>Para</th>
             <th data-priority="2">Trans.</th>
             <th data-priority="1">Obs.</th>
           </tr>
         </thead>
         <tbody>
           <tr>
             <th>1</th>
             <td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td>
             <td>1941</td>
             <td>100%</td>
             <td>74</td>
           </tr>           
         </tbody>
        </table>
    </div>
    <div data-role="collapsible">
        <h3>Collapsible 2</h3>
        <table data-role="table" id="table1" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive"...

JavaScript

$('#changepage').on('click', function() {
    $(':mobile-pagecontainer').pagecontainer('change', '#page2', {
        transition: 'flip',
        changeHash: false,
        reverse: true,
        showLoadMsg: true
    });
});