JSFiddle - React, Tailwind, and code Playground

HTML

<p class="first">1</p>
<span class="next">one</span>
<p class="first">2</p>
<span class="next">two</span>
<p class="first">3</p>
<span class="next">three</span>
<p class="first">4</p>
<span class="next">four</span>

SCSS

.next {
  display: none;
}

JavaScript

document.addEventListener('click', function(e){
	let t = e.target
  if (t.nodeName == 'P' && t.classList.contains('first')) {
  	t.nextElementSibling.style.display = 'block'
  }
});