JSFiddle - React, Tailwind, and code Playground

by freedawirl

HTML

<script src="//capmetro.org/schedmap/js/geoUtil.js?v=1"></script>
<script src="//capmetro.org/schedmap/js/dates.js?v=1"></script>
<script src="//capmetro.org/schedmap/js/tweaks.js?v=1"></script>
<script src="//capmetro.org/planner/js/map.js?v=1"></script>
<script src="//capmetro.org/lib/js/noTrace.js"></script>
<link rel="stylesheet" href="//capmetro.org/schedmap/css/ttable.css">
<script src="//capmetro.org/schedmap/js/ttable.js"></script>
<script src="//capmetro.org/schedmap/js/miscUtil.js"></script>
<script src="//capmetro.org/schedmap/js/servalrt.js"></script>
<script src="//capmetro.org/schedmap/js/geoUtil.js"></script>
<div id="page">
  <div id="pgHdr">

    <img src="/images/logo-mobile.gif" alt="Capital Metro Logo">
    <h1></h1>

    <button id="btnMain">Main Menu</button>

  </div>
  <div id="leftPane">

    <div id="rteBtn">
      <h2><a href="javascript:void(0)">Select a Route<img id="rteBtnArw" alt="arrow" src="images/right-15px.gif"></a>
            </h2>
    </div>
    <!-- -->
    <div id="routeMenu" aria-live="assertive"></div>
    <button id="mapToggle">
      <img id="imgFlip" src="images/map-28px.png">
      <p>Show Map</p>
    </button>
    <h2 id="rteTitle">1 South Congress/Metric, Northbound, Weekday</h2>
    <ul id="tttyp" class="tab sType">
      <li id="typ0" class="selected"><a href="javascript:void(0)">Weekday</a></li>
      <li id="typ1"><a href="javascript:void(0)">Saturday</a></li>
      <li id="typ2"><a href="javascript:void(0)">Sunday</a></li>
      <li id="typ3" style="display: none"></li>
    </ul>
    <div id="tableBox">
      <div id="rteHeader">
        <div id="servalrt" style="display: none; width: 476px;"></div>
        <div id="rteLinks">
          <a target="_blank" href="/current_schedules/pdf/001.pdf" title="Printable PDF of This Route"><img alt="Printable PDF of This Route" src="/images/pdf-25px.gif" title="Printable PDF of This Route" aria-hidden="true"></a>
          <a target="_blank"...