JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" id='show-comments' style="color:black;">Show Comments</button>
<div id='comments'>
<iframe scrolling="no" frameborder="0" height="90" width="728" src="www.test.com"></iframe><br/>
<div id="result"><input id="bouton" type="submit" value="SEND"></div>
</div>

CSS

#result {
  padding: 10px;
  display: none;
}
#comments {
  padding: 10px;
  display: none;
}

JavaScript

$("#show-comments").click(function(){
    $("#comments").show();
});
    
$(window).click(function(e) {
    $('#result').hide();
});

$(window).blur(function(e) {
    $('#result').show();
});