JSFiddle - React, Tailwind, and code Playground

HTML

<div onmouseover="$('#main-element').removeClass('main-element-closed');">Show Element</div>
  <div id="main-element">
    <div class="test">1</div>
    <div class="test">2</div>
    <div class="test">3</div>
    <div class="test">4</div>
</div>
</body>
</html>

CSS

.main-element-closed{
 display:none; 
}

JavaScript

$('html').on('click', function(){
  var mainElement = $('#main-element');
  if($(this).closest(mainElement).length){
      return;
  }
  mainElement.addClass('main-element-closed')
})