JSFiddle - React, Tailwind, and code Playground

by werty1001

HTML

<span data-show="val">раз</span> <br /><br />

<span data-show="valval">два</span> <br /><br />

<div data-div="val">блок val</div> <br /><br />
<div data-div="valval">блок valval</div>

JavaScript

(function() {
      
var show = document.querySelectorAll('[data-show]');
var div =  document.querySelectorAll('[data-div]');
    
for (var i=show.length; i--;) {
    
if (!show[i].addEventListener) {
    
    show[i].attachEvent("onclick", function() {document.querySelector("[data-div="+ this.getAttribute('data-show') +"]").style.display = 'none';});
   
} else {
    
    show[i].addEventListener("click", function() { document.querySelector("[data-div="+ this.getAttribute('data-show') +"]").style.display = 'none';});
    
       }   
    
} // for
    
})(); // end