JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <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>
</div>

CSS

.sliders {
    visibility: hidden
}

JavaScript

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


$('parent').addEvent('click:relay(h3.slideIn)', function(event, target) {
   target.getNext().getChildren('.sliders').slide();
});