JSFiddle - React, Tailwind, and code Playground

HTML

<h1 id="flip">FLIP</h1>
			  <div class="selectBox">
          <div id="searchbox">
SEARCHBOX
                           </div>
                            </div>

CSS

#searchbox {
  display: none;
}

JavaScript

$(function() {

            $('#flip').click(function() {
	    $('#searchbox').slideToggle('fast');
	    return false;

	});
        });

$(document).click(function() {
     $('#searchbox').slideUp('fast');
});

$("#searchbox").click(function(e) {
    e.stopPropagation(); });