JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<div class="js">
  <button data-toggle="dropdown">Toggly</button>
  <div class="c-dropdown">
    the dropdown
  </div>
</div>

CSS

.c-dropdown {
  display: block; 
}

.js .c-dropdown {
  display: none;
}

.js .c-dropdown--show {
  display: block;
}

JavaScript

document.querySelector('[data-toggle="dropdown"]').addEventListener('click', e => {
	e.target.nextElementSibling.classList.toggle('c-dropdown--show');
});