JSFiddle - React, Tailwind, and code Playground

by elewinso

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.css">
<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.js"></script>
<div>some html hello to hid</div>


<div data-role="page" id="stStep1" class="stPage">
    
    <div data-role="header" data-theme="b">
        <h1>לאן?</h1>
    </div>
    
    <div data-role="content" data-theme="c">  
        <ul data-role="listview" data-theme="c">
            <li><a href="#stStep2">נופש בחול</a></li>
            <li><a href="#stStep2">נופש בארץ</a></li>
        </ul>
    </div>
    
    <div data-role="footer" data-theme="b">
        <h4>הדקה ה-90</h4>
    </div>
</div>
<div data-role="page" id="stStep2" class="stPage">
    
    <div data-role="header" data-theme="b">
        <h1>מה?</h1>
    </div>
    
    <div data-role="content" data-theme="c">  
        <ul data-role="listview" data-theme="c">
            <li><a href="#stStep3">חבילות</a></li>
            <li><a href="#stStep3">מלונות</a></li>
            <li><a href="#stStep3">טיסות</a></li>
            <li><a href="#stStep3">עוד 48 שעות</a></li>
            <li><a href="#stStep3">פסח</a></li>
        </ul>        
    </div>
    
    <div data-role="footer" data-theme="b">
        <h4>הדקה ה-90</h4>
    </div>
</div>
<div data-role="page" id="stStep3" class="stPage">
    
    <div data-role="header" data-theme="b">
        <h1>לאן?</h1>
    </div>
    
    <div data-role="content" data-theme="c">   
        
        <ul data-role="listview" data-inset="true">
            <li style="direction:rtl;text-align:right;">
                <h3><a href="index.html">ברצלונה - 420$</a></h3>
                <p>
                    <span class="xml-text"><span style="text-decoration: underline;">הלוך:</span> סאנדור </span><b>תל אביב</b><span class="xml-text"> 14/03/2011 08:30 </span><b>ברצלונה </b><span class="xml-text">14/03/2011 12:15</span>                </p>
                <p>
                    <span...

CSS

.stPage{
    direction:rtl;
    text-align:right;
}

JavaScript

var newBookListItem = $('#stDestination > option:eq(1)').clone();
$('#stDestination').append(newBookListItem);