JSFiddle - React, Tailwind, and code Playground

HTML

<div id="show5">abrir</div><div id="element5" style="display: none;">blabla</div><div id="hide5">cerrar</div>
<div id="show8">abrir</div><div id="element8" style="display: none;">blabla</div><div id="hide8">cerrar</div>
<div id="show10">abrir</div><div id="element10" style="display: none;">blabla</div><div id="hide10">cerrar</div>

JavaScript

$(document).ready(function(){
 $('div[id^="hide"]').on('click', function(e) {
    $('div[id^="element"]').hide();
  });
  $('div[id^="show"]').on('click', function(e) {
    $('div[id^="element"]').show();
  });
});