JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <a>toto</a>
    <p>content</p>
</div>
<div class="container">
    <a>tata</a>
    <p>content</p>
</div>

CSS

.container p   { display:none; }
.divActive     { border:1px solid red; }
.divActive a   { border:1px solid blue; }
.divActive p   { border:1px solid green; }

JavaScript

$(document).ready(function(){
    $('.container a').click(function(e){
        e.preventDefault()
        //$(this).parent().toggleClass("divActive")
        //$(this).next().slideToggle(1000)
        
        // Existe en version une ligne
        $(this).parent().toggleClass("divActive").end().next().slideToggle(1000)
	});	
});