JQuey FadeIn

In this example, we are going to fade in the text on hover event using fadeIn() function and speed it set to 2000 milliseconds.

<!DOCTYPE html>
<html>

<head>
    <title>Welcome to LearnKode - A code learning platform</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            $("p").hover(function() {
                $("span").fadeIn("2000");
            });
        });
    </script>
</head>

<body>
    <p>hover on sample to see the fadein effect</p>
    <p>Sample<span style="display:none"> Appwrk</span></p>

</body>

Output