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="header" data-theme="a">
     <h1>Home</h1>
 <a href="#popupMenu" data-rel="popup" data-transition="slide" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-bars ui-btn-icon-right ui-btn-a">Menu</a>

</div>
<div data-role="popup" id="popupMenu" data-theme="a">
    <ul data-role="listview" data-inset="true">
        <li><a href="#page1">Home</a>

        </li>
        <li><a href="#page2">Second</a>

        </li>
    </ul>
</div>
<div data-role="page" id="page1">
    <p>Home Page</p>
</div>
<div data-role="page" id="page2">
    <p>Second Page</p>
</div>

JavaScript

$(function () {
    $("[data-role=header]").toolbar();
    $("[data-role=popup]").popup().enhanceWithin();
});