jQuery animate входное значение

Question

У меня есть этот код, который я сделал, следуя хорошей идее от пользователя stackoverflow, который рекомендовал использовать цветную анимацию (если я использую непрозрачность, все поле исчезнет не только со значением).

$(function(){ 
    /* Hide form input values on focus*/ 
    $('input[type=text]').each(function(){ 
     var txtval = $(this).val(); 
      $(this).focus(function(){ 
       if($(this).val() == txtval){ 
        $(this).val('').animate({"color":"#3c444e"},500); 
        } 
      }); 
     /*Restoring value if blur*/ 
     $(this).blur(function(){ 
      if($(this).val() == ""){ 
       $(this).val(txtval).animate({"color":"#ffffff"}, 500); 
      } 
     }); 
    }); 
}); 

Код оживляющий правильно, но только на функции размытия не на фокус, я предполагаю, что это потому, что я меняю значение для «», чтобы быстро оживить, но это должно также применяться к функции размытия поэтому я смущен.

В любом случае, чтобы анимация также работала над фокусом?

Answer 1

if($(this).val() == txtval){ 
    $(this).animate({"color":"#3c444e"},500, function(){ 
     $(this).val(''); 
    }); 
}