JSFiddle - React, Tailwind, and code Playground

HTML

<body> 
    <span hidden>A</span>	 
    <span>X</span>
    <span hidden>B</span>
    <span>Y</span>
    <span hidden>C</span>
    <span>Z</span>
</body>

CSS

body {
    font-family: monospace;
}

JavaScript

$(function () {


    var elems = document.getElementsByTagName('span');

    for (var i = 0; i < elems.length; i++) {
        if (elems[i].style.visibility == 'hidden') {
            elems[i].style.visibility = 'visible';
        } else {
            elems[i].style.visibility = 'hidden';
        }
    }

});