JQuery show hide effect html javascript

HTML Code for Show/Hide Animation:

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#hideButton").click(function() {
                $("h6").hide(1000);
            });
            $("#showButton").click(function() {
                $("h6").show(1500);
            });
        });
    </script>
</head>

<body>
    <h6>
        <b>Discover a Short Poem:</b>
        <br> Twinkle, twinkle, little star<br>
        How I wonder what you are<br>
        Up above the world so high<br>
        Like a diamond in the sky<br>
        Twinkle, twinkle, little star<br>
        How I wonder what you are
    </h6>
    <button id="hideButton">Hide</button>
    <button id="showButton">Show</button>
</body>

</html>

Next Post Previous Post
No Comment
Add Comment
comment url