jQuery Mobile Page Transitions

by AndreaLigios

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<table margin="0">
    <tbody><tr>
        <th><h3>fade</h3></th>
        <td><a href="https://demos.jquerymobile.com/1.4.5/transitions/page-transitions-dialog.html" data-rel="dialog" data-transition="fade" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">dialog</a></td>
        <td><a href="https://demos.jquerymobile.com/1.4.5/transitions/page-transitions-page.html" data-transition="fade" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">page</a></td>
    </tr>
    <tr>
        <th><h3>pop</h3></th>
        <td><a href="https://demos.jquerymobile.com/1.4.5/transitions/page-transitions-dialog.html" data-rel="dialog" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">dialog</a></td>
        <td><a href="https://demos.jquerymobile.com/1.4.5/transitions/page-transitions-page.html" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">page</a></td>
    </tr>
    <tr>
        <th><h3>flip</h3></th>
        <td><a href="https://demos.jquerymobile.com/1.4.5/transitions/page-transitions-dialog.html" data-rel="dialog" data-transition="flip" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">dialog</a></td>
        <td><a href="https://demos.jquerymobile.com/1.4.5/transitions/page-transitions-page.html" data-transition="flip" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">page</a></td>
    </tr>
    <tr>
        <th><h3>turn</h3></th>
        <td><a href="https://demos.jquerymobile.com/1.4.5/transitions/page-transitions-dialog.html" data-rel="dialog" data-transition="turn" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">dialog</a></td>
        <td><a href="https://demos.jquerymobile.com/1.4.5/transitions/page-transitions-page.html" data-transition="turn"...