JSFiddle - React, Tailwind, and code Playground

by mtsys

HTML

<div class="item">
    <h3 class="item-titulo">Title</h3>
    <div class="item-texto">sadasd</div>
  </div>
<div class="item">
    <h3 class="item-titulo">Title</h3>
    <div class="item-texto">sadasd</div>
</div>
<div class="item">
    <h3 class="item-titulo">Title</h3>
    <div class="item-texto">sadasd</div>
</div>

CSS

.item-titulo
{
    width:100%;
    background-color:blue;  
}

.item-texto
{
    display: none;
    width:100%;
    background-color:red;
}

JavaScript

$(function () {
    $('.item-titulo').click(function () {
        $(this).next('div').slideToggle();
        
        $(this).parent().siblings().children().next().slideUp();
        return false;
    });
});