JSFiddle - React, Tailwind, and code Playground

HTML

<div class="people">
    
    <div class="person" >
        <img src="http://placehold.it/150x150" />
            <h2>John doe</h2>
        <p>John Doe is Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin molestie ipsum ut fermentum. Duis adipiscing purus gravida, elementum neque nec, mollis tortor.</p>
    </div>
    <div class="person" >
        <img src="http://placehold.it/150x150" />
        <h2>Peter Pan</h2>
        <p>Peter Pan is Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin molestie ipsum ut fermentum. Duis adipiscing purus gravida, elementum neque nec, mollis tortor.</p>
    </div>
    <div class="person" >
       <img src="http://placehold.it/150x150" />
        <h2>Sally Hills</h2>
        <p>Sally Hills is Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin molestie ipsum ut fermentum. Duis adipiscing purus gravida, elementum neque nec, mollis tortor.</p>
    </div>
    <div class="person" >
        <img src="http://placehold.it/150x150" />
            <h2>Betty Boo</h2>
        <p>Betty Jones Doe is Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin molestie ipsum ut fermentum. Duis adipiscing purus gravida, elementum neque nec, mollis tortor.</p>
    </div>
    <div class="person" >
        <img src="http://placehold.it/150x150" />
        <h2>Sm Hunt</h2>
        <p>Sam Hunt is Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin molestie ipsum ut fermentum. Duis adipiscing purus gravida, elementum neque nec, mollis tortor.</p>
    </div>
    <div class="person" >
       <img src="http://placehold.it/150x150" />
        <h2>Paula Walls</h2>
        <p>Paula Walls is Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin molestie ipsum ut fermentum. Duis adipiscing purus gravida, elementum neque nec, mollis tortor.</p>
    </div>    
</div>

CSS

.people{
    width:500px;
}
.person{
    width:33%;
    margin:0 auto;
    float:left;
    position:relative;
}
.people p{
    display:none;
    position:absolute;
    right:0;
    top:100%;
    width:95%;
    background-color:#fff;
    z-index:1;
}

JavaScript

$(".person").each(function() { 
    $(this).click(function(){
        $(".person p").fadeOut("fast", "linear");;
        $(this).find('p').fadeIn("fast", "linear");
    });
});