Search form that grows / reveals on click of an element.

JS: Expanding Search Field

$('#toggle_search').on('click', function()
{
  var form = $(this).closest('form');

  //If search not already open, open it
  if(!form.hasClass('open')){
  
    form.addClass('open');
    
    //Allow animation of form, then trigger focus on field
    setTimeout(function(){
      
      form.find('input').trigger('focus');
                        
    }, 400); //timeout is time of animation

  }
  
  //Form is open, so close it
  else{
    
    form.removeClass('open');
    setTimeout(function(){
      
      form.find('input').trigger('blur');
      
    }, 400);
    
  }

});
        
//Prevent closing on input click
$('#form_search').on('click', function(e){
  e.stopPropagation();
});