JSFiddle - React, Tailwind, and code Playground

by svilkov87

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

var first = document.getElementsByClassName('first');
    for (var i = 0; i < first.length; i++) {
		console.log(first[i].innerHTML);
    }

 first.onclick = showSpan;

function showSpan(){
	var span = document.getElementsByClassName('first')[0].nextElementSibling.style.display="block";
}