JSFiddle - React, Tailwind, and code Playground

HTML

<div id="welcomeDiv" class="answer_list"> WELCOME </div>
<br>
<input type="button" class="myButton" name="answer" value="Show Div" /> <input type="text" class="textInput" value="" hidden/>
<br>
<input type="button" class="myButton" name="answer" value="Show Div" /> <input type="text" class="textInput" value="" hidden/>

JavaScript

$(document).ready(function() {

  $(".myButton").click(function() {
  $(".textInput")
  .hide()
  .eq($(this).index('.myButton'))
  .toggle()
    
    
  });
  $(document).mouseup(function(e) 
{
var container = $(".textInput");
   if (!container.is(e.target) && container.has(e.target).length === 0) 
    {
        container.hide();
    }
});
});