<div class="error">
  <b class="error__title">{title} <i class="error__title--i hover-op icon-close"></i></b>
  <span class="error__content">{error}</span>
</div>
.icon-close:before {
  content: '❌';
}
$('.error__title--i').click(function(){ 
    $(this).closest('.error').hide(100);
  return false;
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.2/jquery.min.js