JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<div id="clickme">
  <a class="req_pic_link" id="hideshow1">CLICK ME</a>
</div>

<div id="req">
  <iframe id="frame" src=""></iframe>
</div>

CSS

#req_frnd {
  display: none;
  position: absolute;
  z-index: 1;
  margin-left: 50px;
}

#frame {
  width: 300;
  height: 300;
  border-color: #080000;
}

JavaScript

$('html').click(function() {
  $("#req").hide()
});

$('#clickme').click(function(event) {
  event.stopPropagation();
  console.log(event);
});