JSFiddle - React, Tailwind, and code Playground

HTML

<button class="toggle">ram</button>
<button class="toggle">shaym</button>

<div class="ram-data hide">
    Hey ram
</div>

<div class="shyam-data hide">
    Hey Shyam
</div>

CSS

.hide {display:none}

JavaScript

$("button").on("click", function(e) {

    var requireClass = "." + this.innerText + "-data";
    
    var elem = $(requireClass).get(0);
    if(!elem) return;
    
    var hidden = elem.classList.contains("hide");
    
    if(hidden) {
        elem.classList.remove("hide");
    }
    else {
        elem.classList.add("hide");
    }
    
});