JSFiddle - React, Tailwind, and code Playground

by sidouglas

HTML

<link rel="stylesheet" href="http://demos.jquerymobile.com/1.4.2/css/themes/default/jquery.mobile-1.4.2.min.css">
<script src="http://demos.jquerymobile.com/1.4.2/js/jquery.mobile-1.4.2.min.js"></script>
	<div data-role="header" data-position="fixed" data-theme="a">
		<a href="#main_menu" data-transition="reveal" class="f-menu menu_control"><span>Open left panel</span></a>
        <h1>Info</h1>
	</div><!-- /header -->

	
	<div id="locale" data-role="page" data-title="Info" class="jqm-demos">

	    <div role="main" class="ui-content jqm-content jqm-fullwidth">
			<h1>LOCALE</h1>
		</div><!-- /content -->
	</div><!-- /page -->

	<div id="privacy" data-role="page" data-title="Info" class="jqm-demos">

	    <div role="main" class="ui-content jqm-content jqm-fullwidth">
			<h1>PRIVACY</h1>
		</div><!-- /content -->
	</div><!-- /page -->

	<div data-role="panel" id="main_menu" data-position="left" data-display="reveal" data-theme="a">
	    <ul data-role="listview" id="menu_contents">
	        <li data-role="list-divider" class="h2 ui-li-divider ui-bar-a ui-first-child">
	            <a href="#locale" data-transition="slide" data-rel="close" class="f-cogs">Page 1</a>
	        </li>
	        <li data-role="list-divider" class="h2 ui-li-divider ui-bar-a ui-first-child">
	            <a href="#privacy" data-transition="slide" data-rel="close" class="f-cogs">Page 2</a>
	        </li>
	    </ul>
	</div>

JavaScript

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