JSFiddle - React, Tailwind, and code Playground

HTML

<a id="show" onclick="setVisibilityOfElements(true)">Show</a>
        <br/>
        <a id="hide" onclick="setVisibilityOfElements(false)">Hide</a>
        <br />

        <span class="content">
            <span class="subContent">
                Sample Text
            </span>
        </span>

CSS

.content
            {
                display: none;
            }
            
            .subContent {
                float:left;
                width: 50%;
            }

JavaScript

window.setVisibilityOfElements = function(isVisible) {
    content = $('.content');
    if (isVisible) { content.show(0); }
    else { content.hide(0); }
}