JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<span id="toggleshowsomething" data-toggle="something" class="clickable center">Show something</span>

    <div id="something">
        <p>something</p>
    </div>
</div>

CSS

.wrapper {
    width: 300px;
    margin:0px auto;
}
.clickable {
    color: blue;
    cursor: pointer;
}
.clickable:hover {
    color: purple;
}
#something {
display: none;
}
}

JavaScript

window.onload = function () {
    var clickableItems = document.getElementsByClassName("clickable");
    for (var i = 0; i < clickableItems.length; i++) {
        clickableItems[i].addEventListener("click", function () {
            toggle_visibility(this.id);
        });
    }

}

    function toggle_visibility(id) {
        var getToggleItem = document.getElementById(id).getAttribute("data-toggle");
        var e = document.getElementById(getToggleItem);
        alert(e);
        (e.style.display != "block") ? e.style.display = "block" :    e.style.display = "none";
    }