JSFiddle - React, Tailwind, and code Playground

by uikolas

HTML

<div class="toglas">Labas</div>
    <div class="text">Pirmo toglo</div>
<div class="toglas">Labas</div>
    <div class="text">Antro toglo</div>
<div class="toglas">Labas</div>
    <div class="text">Trecio toglo</div>

CSS

.text {
    display:none;
}

.toglas {
    cursor:pointer;
}

JavaScript

$(document).ready(function() {
    $('.toglas').click(function() {
        $(this).next('.text').slideToggle(800);
        //$(this).next('.text').hide();
    });
});