JQuery fadeout fading out too fast

html, javascript, jquery

Solution

Drop the quotes to make it work with milliseconds, otherwise it will just use the default value, as "10000" is a string and not a time value, and it's not an accepted string like "slow" or "fast".

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

Also, I like to reference things within scope like `this` :

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

FIDDLE

Problem

I am trying to get a paragraph tag to fade out over 10 seconds, however it is fading out much faster than the intended 10 seconds. ``` <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> ```

Original source