Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!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>

Hasil Tampilan (Browser Preview)