JSFiddle - React, Tailwind, and code Playground

HTML

<div class="option">Red</div>
<div class="option">Yellow</div>
<div class="option">Green</div>

<div id="red" class="colors"> This is content for red </div>
<div id="yellow" class="colors"> This is content for Yellow </div>
<div id="blue" class="colors"> This is content for Green </div>

CSS

.option{
    display:inline-block;
    border: solid 1px;
    margin:5px;
    padding:5px;
}

JavaScript

$(".colors").hide();

$('.option').click(function(){
    $(".colors").hide();
   $("#"+$(this).text().toLowerCase()).show();

});