JQuery Show

In this example, we are going to display the hidden text with the help of show() function and the speed is set to slow.

<!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() {
            $(".hide").click(function() {
                $('p').show('slow');
            });
        });
    </script>
</head>

<body>
    <p style="display:none">Hidden Text</p>
    <p>Click Show button to display hidden Appwrk text</p>
    <button class="hide">Show</button>
</body>

</html>

Output