JSFiddle - React, Tailwind, and code Playground

by williamtdavies

HTML

<div>
  <h3>Past Events</h3>
  <section class="event past-event">
      <h4>Past event</h4>
  </section>
  <section class="event">
      <h4>Current event</h4>
  </section>
  <section class="event past-event">
      <h4>Past event</h4>
  </section>
  <section class="event">
      <h4>Current event</h4>
  </section>
  <section class="event past-event">
      <h4>Past event</h4>
  </section>
  <section class="event">
      <h4>Current event</h4>
  </section>
  <section class="event past-event">
      <h4>Past event</h4>
  </section>
  <section class="event">
      <h4>Current event</h4>
  </section>
</div>

JavaScript

$(document).ready(function(){
   // Hide all elements with "past-event" class
   $('.past-event').hide(); 
});