JSFiddle - React, Tailwind, and code Playground

HTML

<div class="option" data-color="red">Red</div>
<div class="option" data-color="yellow">Yellow</div>
<div class="option" data-color="green">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="green" class="colors"> This is content for Green </div>

CSS

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

JavaScript

$(".option").on("click", function(e){
    var id = $(this).data("color");
    $(".colors").hide();
    $("#"+id).show();
})