JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div">div1</div>
<div id="div1" class="hide"></div>
<div id="div">div2</div>
<div id="div2" class="hide"></div>
<div id="div">div3</div>
<div id="div3" class="hide"></div>
<div id="div">div4</div>
<div id="div4" class="hide"></div>
<div id="div">div5</div>
<div id="div5" class="hide"></div>

CSS

.hide{
    height:100px;
        width:100px;
  background:#ccc; 
    display:none;
}

JavaScript

$('div').click(function() {
    var text = $(this).text();
alert('#'+text);
    $('#'+text).show();
});