JSFiddle - React, Tailwind, and code Playground

HTML

<h3 class="slideIn" >Some title</h3>
<div class="sliders">Some lengthy text</div>
<h3 class="slideIn" >Some title</h3>
<div class="sliders">Some lengthy text</div>
<h3 class="slideIn" >Some title</h3>
<div class="sliders">Some lengthy text</div>

CSS

.sliders {
    visibility: hidden
}

JavaScript

$$('.sliders').each(function(el) {
    el.slide('hide').setStyle('visibility', 'visible');
});

$$('.slideIn').addEvent('click', function() {
    console.log(this.getNext('.sliders'));
    this.getNext().getChildren('.sliders').slide();
});