JSFiddle - React, Tailwind, and code Playground

HTML

<span class="default-span">A</span>
<span class="default-span">B</span>
<span class="default-span">C</span>
<span class="default-span">D</span>

CSS

span.default-span {
    visibility: visible;
}

span.active-span {
    visibility: hidden;
}

JavaScript

$('span').click(function() {
    $('span').removeClass('active-span');
    $(this).addClass('active-span');
});