JQuery fadeout se desvanece demasiado rápido

Question

Estoy intentando que una etiqueta de párrafo se desvanezca durante más de 10 segundos, sin embargo, se desvanece mucho más rápido que los 10 segundos previstos.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 

<p> 
    If you click on this paragraph you'll see it just fade away. 
</p> 
<script type="text/javascript"> 
    $("p").click(function() { 
     $("p").fadeOut("10000"); 
    }); 
</script> 

Answer 1

caída de las cotizaciones para que funcione con milisegundos, de lo contrario, sólo tiene que utilizar el valor por defecto, como "10000" es una cadena y no un valor de tiempo, y no es una cadena aceptado como "lento" o "rápido".

$("p").click(function() { 
    $("p").fadeOut(10000); 
}); 

Además, me gusta hacer referencia a cosas como dentro del ámbito this:

$("p").on('click', function() { 
    $(this).fadeOut(10000); 
}); 

FIDDLE

Answer 2

Retire las comillas alrededor de la época desvanecimiento. sólo se cita alrededor de desvanecimiento si está utilizando cosas como lenta rápida

$("p").click(function() { 
    $("p").fadeOut(10000); 
}); 

vs

$("p").click(function() { 
    $("p").fadeOut("slow"); 
}); 

Fiddle with both examples