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

$(".clickable").on("click", function() {
   var useId = $(this).attr("data-toggle");
        
        $("#" + useId).fadeToggle();
    });