JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<span class="A" onclick="var state = this.className.indexOf('A') > -1; $(this).toggleClass('A', !state).toggleClass('B', state);">Click Me</span>

CSS

span {
  padding: .125em;
  border: 3px inset;
  font-family: sans-serif;
}

.A {
  background-color: tan;
  border-color: green;
}
.B {
  background-color: lightgray;
  border-color: red;
}