JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1" style="display:none;" class="abcd">
     <p>Black</p>
 </div>
  <div id="div2" style="display:none;"  class="abcd">
    <p>Red</p>

 </div>
  <div id="div3" style="display:none;" class="abcd">
   <p>Blue</p>
 </div>

<p class="btn" >"Black"</p>

<p id="red" class="btn" > "Red"</p>

<p  id="blue" class="btn" >"Blue"</p>

JavaScript

$('.btn').click(function(){
    $('.abcd').not(':contains('+$(this).val()+')').hide();
    $('.abcd:contains('+$(this).val()+')').show();
});