JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

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