JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
<div data-role="page" id="home">
    <div data-role="content">
        <div data-tole="collapsible-set" id="classList"></div>
    </div>
</div>

JavaScript

var showPrice = [{
    "day": "Monday",
        "activities": [{
        "type": "Class",
            "notes": "Ages 3-5",
            "activity": "Snowbunnies 1 ",
            "times": [{
            "start": "6:00 PM",
                "end": "6:45 PM"
        }]
    }, {
        "type": "Class",
            "notes": "Ages 3-5",
            "activity": "Snowbunnies 2 ",
            "times": [{
            "start": "6:00 PM",
                "end": "6:45 PM"
        }]
    }, {
        "type": "Class",
            "notes": "Ages 3-5",
            "activity": "Snowbunnies 3 ",
            "times": [{
            "start": "6:00 PM",
                "end": "6:45 PM"
        }]
    }, {
        "type": "Class",
            "notes": "Ages 6 to Adult",
            "activity": "Introductory ",
            "times": [{
            "start": "6:30 PM",
                "end": "7:15 PM"
        }]
    }, {
        "type": "Class",
            "notes": "Available for graduates of Snowbunnies 3 or Intro",
            "activity": "Level 2 ",
            "times": [{
            "start": "6:00 PM",
                "end": "6:45 PM"
        }]
    }, {
        "type": "Class",
            "notes": "N/A",
            "activity": "Level 3 ",
            "times": [{
            "start": "6:00 PM",
                "end": "6:45 PM"
        }]
    }, {
        "type": "Class",
            "notes": "N/A",
            "activity": "Level 4 ",
            "times": [{
            "start": "6:00 PM",
                "end": "6:45 PM"
        }]
    }, {
        "type": "Class",
            "notes": "N/A",
            "activity": "Level 5 ",
            "times": [{
            "start": "6:00 PM",
                "end": "6:45 PM"
        }]
    }, {
        "type": "Class",
            "notes": "N/A",
            "activity": "Level 6 ",
            "times": [{
            "start": "6:00 PM",
                "end": "6:45 PM"
        }]
    }, {
        "type": "Class",
            "notes": "N/A",
 ...