JSFiddle - React, Tailwind, and code Playground

HTML

<div data-id="red" class="option">Red</div>
<div data-id="yellow" class="option">Yellow</div>
<div data-id="blue" 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).data("id")).slideDown();
});