JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div class="retailer-item">Open Tooltip
  <span class="tooltip-content">Tooltip 1</span>
</div>
<div class="retailer-item">Open Tooltip
  <span class="tooltip-content">Tooltip 2</span>
</div>
<div class="retailer-item">Open Tooltip
  <span class="tooltip-content">Tooltip 3</span>
</div>
<div class="retailer-item">Open Tooltip
  <span class="tooltip-content">Tooltip 4</span>
</div>
<div class="retailer-item">Open Tooltip
  <span class="tooltip-content">Tooltip 5</span>
</div>
</div>

CSS

div.retailer-item{
  position:relative;
  margin-bottom:1em;
  padding:0.5em 1em;
  text-decoration:underline;
  cursor:pointer;
}
span.tooltip-content{
  display:none;
}
span.tooltip-content.show{
  display:block;
  position:absolute;
}

JavaScript

let container = document.getElementById("container");
//console.log(container);
container.addEventListener('click',function(e) {
	let target = e.target;
  if(target.classList.contains("retailer-item")) {
  	for(let i = 0; i < target.children.length; i++) {
    	if(target.children[i].classList.contains("tooltip-content")) {
      	target.children[i].classList.toggle("show");
      }
    }
  }
});