jQuery Hide/Show

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body style="font-family: sans-serif; padding: 20px;">
    <button id="btnToggle" style="padding:8px 16px; cursor:pointer;">Buka / Tutup Panel</button>
    <div id="panel" style="background:#0d2e5c; color:white; padding:20px; border-radius:8px; margin-top:10px; max-width:300px;">
        Ini adalah isi konten panel yang bisa disembunyikan dan ditampilkan secara mulus!
    </div>

    <script>
        $('#btnToggle').click(function() {
            $('#panel').toggle(300);
        });
    </script>
</body>
</html>