Mostrar/ocultar div con id aleatorio

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

<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>

$(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();
  });
});