Show Helfer Text auf klicken Textbox jquery mit

Question

Ich möchte auf einen Klick auf den Textfeldern Helfer Text angezeigt werden soll. zB: Wenn ich ein Textfeld klicken sollte es uns helfen, indem sie sagen, was zu geben: Benutzername Geben Sie hier

Ich habe unten angegebenen Code versucht, aber der Text „Enter username“ ist ausblenden, möchte ich den Text angezeigt, bis der Fokus auf ein anderes Textfeld geändert wird .

Bitte legen nahe, einen Code für diese Art.

<input type = "text"/><span>Enter username</span>
<input type = "text"/><span>Enter password</span>     


$(document).ready(function(){
    $("input").focus(function () {
         $(this).next("span").css('display','inline').fadeOut(1000);
    });
});

Answer 1

So etwas wie die folgenden soll es tun

$(function(){
    $("input")
        .focus(function () {
            $(this).next("span").fadeIn(1000);
        })
        .blur(function () {
             $(this).next("span").fadeOut(1000);
        }); 
});

Hier ist eine Working Demo

Answer 2

Ich bin mir nicht sicher, warum Sie die CSS-Eigenschaft display sind Manipulieren sowie mit fadeIn / fadeOut:

$(document).ready(function(){
    $("input").focus(function () {
         $(this).next("span").fadeIn(1000);
    }).blur(function() {
        $(this).next("span").fadeOut(1000);
    });
});