JSFiddle - React, Tailwind, and code Playground

HTML

<span class="toggle">One</span>
<span class="toggle">Two</span>

CSS

.toggle {
    width: 30px;
    height: 20px;
    background-color: #666;
    color: #fff;
    float: left;
    margin: 10px;
    padding: 20px;
    cursor: pointer;
}
.toggle.active, .toggle:hover {
    background-color: green;
}

JavaScript

$('.toggle').click(function(){
   $('.toggle').removeClass("active");
   $(this).toggleClass("active");
});