Question

i would like to create the span class error, and fade it

if(formName == ”) {

        $("#name").after('<span class="error"> Put your name please</span>');
        $(".error").fadeIn("slow");
        hasError = true;
    }

What is missing me here ?

Thanks

Answer 1

Your problem is that you create the span and it’s already shown when you create it. Try hiding it and then fading it in:

$(".error").hide().fadeIn("slow");

This may not produce a desirable result if you have multiple elements with the class error, however. To fix that, try something like this:

var error=$('<span>').addClass('error').hide().text('Please type your name.');
$('#name').after(error);
error.fadeIn('slow');