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 () {
    $('.container').click(function () {
        $('.container').hide();
        $(this).show();
    });
});