JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<button onclick="toggleAll('myClassName');">Toggle All</button>
<div class="myClassName">One</div>
<div class="myClassName">Two</div>
<div class="myClassName">Three</div>

JavaScript

var toggleState = 'show';

function toggleAll(className) {
  if (toggleState === 'show') {
    $('.'+className).slideUp();
    toggleState = 'hide';
  }
  else {
    $('.'+className).slideDown();
    toggleState = 'show';
  }
}