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",
...