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;
}
.aActive{
    border:1px solid blue;
}
.pActive{
    border:1px solid green;
}

JavaScript

$(document).ready(function(){
    $('.container').click(function(){
        $("p",this).slideToggle(1000);
        $(this).toggleClass("divActive");
        $("a",this).toggleClass("aActive");
        $("p",this).toggleClass("pActive");
		return false;
	});	
});