toggle Focus on Input

by Faisal Khan Janjua

HTML

<p>Toggle Focus in jQuery</p>

<button>Click</button>
<input type="text" placeholder="Search" />

<div></div>

JavaScript

$(function(){

  $('button').on('click', function(){
    if($('input').is(':focus')){
    	$('div').append('<p>not focus, focusing</p>');
      $('input').focus();
    }
    else{
    	$('div').append('<p>already focused, removing</p>');
      $('input').blur();
    }
  });

});