JSFiddle - React, Tailwind, and code Playground

by hibinyru

HTML

<a class="js-show-text" href="javascript:void(0);">Показать</a>
<span class="hidden">Скрытый текст</span>
<hr>
<a class="js-show-text" href="javascript:void(0);"><img src="https://www.hibiny.com/images/2020/interface/ic-close.png"></a>
<span class="hidden">Скрытый-2</span>

CSS

.hidden {
  display: none;
}
.js-show-text img {pointer-events: none;}

JavaScript

document.addEventListener('click', function(e){
  if( !e.target.matches('.js-show-text') ) return;
  
  e.target.nextElementSibling.classList.remove('hidden');
  e.target.outerHTML = "";
});