JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<div data-role="page" id="index">
    <div data-role="header" data-position="fixed">
         <h1>Header</h1>

    </div>
    <div role="main" class="ui-content">
        <div data-role="controlgroup" data-type="horizontal"> <a href="#" class="ui-btn fruits">Fruits</a>
 <a href="#" class="ui-btn cars">Cars</a>

        </div>
        <div id="content"></div>
    </div>
    <div data-role="footer" data-position="fixed">
         <h1>Footer</h1>

    </div>
</div>

JavaScript

$(document).on("pagecreate", "#index", function () {
    $(".fruits").on("click", function () {
        $("#content")
            .load("http://fiddle.jshell.net/Palestinian/bweam2ru/show #fruits", function () {
            $(this).enhanceWithin();
        });
    });
        $(".cars").on("click", function () {
        $("#content")
            .load("http://fiddle.jshell.net/Palestinian/bweam2ru/show #cars", function () {
            $(this).enhanceWithin();
        });
    });
});