JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p align="center">
  <font face="futura" size="20px">Pick your workout here:</font>
</p>
<div align="center">
  <select style="font-size:20px" class="weekFilter">
    <option value="">
      Select Week
    </option>
    <option value="1">
      Week 1
    </option>
    <option value="2">
      Week 2
    </option>
    <option value="3">
      Week 3
    </option>
    <option value="4">
      Week 4
    </option>
  </select>

  <select style="font-size:20px" class="typeFilter">
    <option value="">
      Select Workout
    </option>
    <option value="sw1">
      Strength Workout #1
    </option>
    <option value="sw2">
      Strength Workout #2
    </option>
    <option value="cw1">
      Conditioning Workout #3
    </option>
    <option value="cw2">
      Conditioning Workout #4
    </option>
    <option value="rw">
      Recovery Workout
    </option>
  </select>
</div>
<div id="FilterContainer">
  <ul>
    <li class='week1 sw1'>Week 1 Strength Workout #1</li>
    <li class='week1 sw2'>Week 1 Strength Workout #2</li>
    <li class='week1 cw1'>Week 1 Conditioning Workout #3</li>
    <li class='week1 cw2'>Week 1 Conditioning Workout #4</li>
    <li class='week1 rw'>Week 1 Recovery Workout</li>
    <li class='week2 sw1'>Week 2 Strength Workout #1</li>
    <li class='week2 sw2'>Week 2 Strength Workout #2</li>
    <li class='week2 cw1'>Week 2 Conditioning Workout #3</li>
    <li class='week2 cw2'>Week 2 Conditioning Workout #4</li>
    <li class='week2 rw'>Week 2 Recovery Workout</li>
    <li class='week3 sw1'>Week 3 Strength Workout #1</li>
    <li class='week3 sw2'>Week 3 Strength Workout #2</li>
    <li class='week3 cw1'>Week 3 Conditioning Workout #3</li>
    <li class='week3 cw2'>Week 3 Conditioning Workout #4</li>
    <li class='week3 rw'>Week 3 Recovery Workout</li>
    <li class='week4 sw1'>Week 4 Strength Workout #1</li>
    <li class='week4 sw2'>Week 4 Strength...

JavaScript

var weekFilter;
var typeFilter;
$('select').change(function() {
  if ($(this).attr('class') == "weekFilter") {
    weekFilter = this.value == "" ? null : this.value;
  } else if ($(this).attr('class') == "typeFilter") {
    typeFilter = this.value == "" ? null : this.value;
  }
  $("#FilterContainer li").each(function() {
    $(this).show();
    if (weekFilter && !$(this).hasClass('week' + weekFilter)) {
      $(this).hide();
    } 
    if (typeFilter && !$(this).hasClass(typeFilter)) {
      $(this).hide();
    } 
  });
});