Почему функция jQuery Focus не работает во второй раз?

Question

Я создаю эффект, используя функцию focus в jQuery. На входном фокусе div перемещается вниз сверху, где пользователь может заполнить данные, вот jsfiddle example этой вещи, что я хочу сейчас, проблема заключается в том, что он отлично работает в первый раз, когда div перемещается вниз должным образом, но когда я нажимаю на этот вход снова это не работает в то время. Я также использовал эффект размытия, чтобы сфокусироваться на входе, но после этого я не могу снова нажать на поле ввода. Поэтому я хочу знать, как это будет работать во второй раз.

Вот мой JQuery код и остальное в примере

$(document).ready(function() { 

     $("#getcoupon").focus(function(){ 

      $("#toggle").attr('checked', true); 


      $(document).keyup(function(e) { 
      if (e.keyCode == 27) { 
       $("#toggle").attr('checked', false); 
       // $("#getcoupon").focus(); 
      } 
      }); 
     }); 
}); 

Answer 1

Я упростил свой код так:

$(document).ready(function() { 
    $("#getcoupon").focus(function(){ 
    $("#toggle").prop('checked', true); 
    }); 

    $(document).keyup(function(e) { 
    if (e.keyCode == 27) { 
     $("#toggle").prop('checked', false); 
     $("#getcoupon").blur(); 
     // $("#getcoupon").focus(); 
    } 
    }); 
});