JSFiddle - React, Tailwind, and code Playground

HTML

<div class="class">  
         <h3>ONE</h3>
          <p class="active">1. PARAGRAPH</p>
          </div>
          
<div class="class">          
          <h3>TWO</h3>
          <p class="none">2. PARAGRAPH</p>
          </div>
          
<div class="class">          
          <h3>THREE</h3>
          <p class="none">3. PARAGRAPH</p>
          </div>

JavaScript

var allP = document.getElementsByTagName("p");
for(i=0; i<allP.length; i++) {
    allP[i].addEventListener('click', function () {
      this.style.display = "none"; 
    });
}