JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="searchtext"/>
<input type="button" id="ctrl_search" value="go"/>

JavaScript

$('#searchtext').focus(function() {             
    $('#searchtext').stop().animate({'width':'175px'} , 800);
    $('#ctrl_search').fadeIn('slow');
});
$('#searchtext').blur(function() {
    if($('#searchtext').val() == ''){
       $('#searchtext').stop().animate({'width':'85px'} , 800);
       $('#ctrl_search').fadeOut('slow');
    }
});