JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container container1'>
    <div class='content'>
         <h1><a href='#'>Title</a></h1>

        <p>Content</p>
    </div>
</div>
<div class='container container2'>
    <div class='content'>
         <h1><a href='#'>Title</a></h1>

        <p>Content</p>
    </div>
</div>
<div class='container container3'>
    <div class='content'>
         <h1><a href='#'>Title</a></h1>

        <p>Content</p>
    </div>
</div>

CSS

.container {
  border: 1px silver solid;
}

JavaScript

$(function () {
    $('p').click(function () {
        $('.container').not($(this).parents()).hide();
    });
});