JSFiddle - React, Tailwind, and code Playground

by Nate Armstrong

HTML

<div class="dmf-acprog-list  how-do-ocu-online-classes-work">
  <span id="how-do-ocu-online-classes-work" class="anchor-offset accordion"></span>
  <div class="acprog-program">
    <div class="acprog-heading">
      <div data-toggle="collapse" data-target="#closed_arrow_b1834224" aria-expanded="false" aria-controls="closed_arrow_b1834224" class="collapse collapsed">
        <div class="expand-icon"><span class="chevron-down"></span></div>
        <div onclick="return false;">
          <h3>How do OCU online classes work?</h3>
        </div>
      </div>
    </div>
    <div id="closed_arrow_b1834224" class="acprog-container dmf-dept-list collapsed collapse" role="complementary" aria-label="accordion-content: How do OCU online classes work?" data-parent="#accordion" aria-expanded="false" style="">
      <div class="block-content  rtb">
        <ul>
          <li data-block-key="m6aiv"><b>One Course At A Time</b> - Students who start the program at the same time are placed in a cohort group and move through the program together, one course at a time.</li>
          <li data-block-key="71vs"><b>Asynchronous Format</b> - Students do not have to log on at any specific time.</li>
          <li data-block-key="9m0gk"><b>Weekly Assignments</b> - Each week students will complete assignments and interact (and connect) with classmates and facilitators.</li>
          <li data-block-key="39tpn"><b>5-Week Classes</b> - Most courses are condensed into a 5-week format with project and written assignments due at the end of each week and for-credit discussion interaction deadlines in the middle of the week.</li>
        </ul>
      </div>
    </div>
  </div>
</div>