JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<label for="pesquisar">Buscar</label>
<input type="text" id="pesquisar">

JavaScript

$(document).ready(function(){
	$('label').click(function(e) 
    {
    e.stopPropagation();
    if (!$('#pesquisar').is(':visible')) {
      $('#pesquisar').fadeIn('fast');
    } 
  });
	$('html').click(function() 
    {
    if ($('#pesquisar').is(':visible')) {
      $('#pesquisar').fadeOut('fast');
    } 
  });
  $('#pesquisar').click(function(e){
    e.stopPropagation();
  });
});