hide and show text

<!DOCTYPE html>
<html>
<head>
    <script src = "jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#hide").click(function () {
                $("p").hide();

            });
            $("#show").click(function () {
                $("p").show()

            });

        });
    </script>
</head>
<body>
<p>If you click on the button Hide, i Will disappear</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>