JSFiddle - React, Tailwind, and code Playground

HTML

<div class="minhaclasse">
    <p class="titulo">Título
        <br>resumo
        <br>
    </p>
    <p class="outros">texto de descrição</p>
</div>
<div class="minhaclasse">
    <p class="titulo">Título
        <br>resumo
        <br>
    </p>
    <p class="outros">texto de descrição</p>
</div>

CSS

p.titulo {
    cursor: pointer
}
p.outros {
    display:none
}

JavaScript

$(document).ready(function () {
    $(".titulo").on('click', function () {
        var descricao = $(this).next();
        $(".outros").not(descricao).slideUp();
        descricao.slideToggle();
    });
});