JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p class="Titre"> Titre 1</p>
    <p class="Resume">Résumé 1</p>
    <p class="Entier"> Article 1 entier</p>
</div>
<div>
    <p class="Titre"> Titre 2</p>
    <p class="Resume"> Résumé 2</p>
    <p class="Entier"> Article 2 entier</p>
</div>
<div>
    <p class="Titre"> Titre 3</p>
    <p class="Resume"> Résumé 3</p>
    <p class="Entier"> Article 3 entier</p>
</div>

CSS

.Titre{background-color:red;}
.Resume{background-color:cyan;}
.Entier{display:none;}

JavaScript

$(".Resume").click(function() {
$(this).slideUp( "slow", function() {
// Ici on attend que le slow soit fini pour executer le down du suivant
$(this).next().slideDown( "slow", function() {
// Si on veut faire d'autre action quand le down est fini
});
});
});