JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" name="searchToggle" id="searchToggle">
<input type="search" name="searchField" id="searchField" placeholder="prout" >

CSS

#searchField{
    width:0;
}
#searchField:focus{
    width:auto;
}

JavaScript

$('#searchToggle').on('click', function(e){
    $('#searchField').focus();
});