Mahmoud Gamal Mahmoud Gamal - 1 year ago 106
HTML Question

jQuery animate Text value

I have html input

<input id="txtSearch" value="Search..." type="text"/>

Is it possible to animate the value of this text input (i.e fadeout, hide, etc..)

$("#txtSearch").focusin(function () {
$(this).animate({ opacity: "1", left: "-=100px", width: "+=100px" }, 1000, function () {
$(this).attr("value", "");

Instead of making
i want to make the vlaue of this text disappear away with an animation like fadeout or hide.

Answer Source

If using jQuery UI is an option you can animate the color. If you only want to use jQuery then using the animate function on color directly is not an option. This piece of code should work if you can use jQuery UI:


Fiddle here:

Good luck!

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download