Gadget tersebunyi dengan tautan

<!-- Tautan yang berada di tempat lain, misalnya postingan -->
<a href="javascript:void(0);" onclick="toggleGadget()" id="tombolGadgetAwal"> ⚪Buka Kotak Rahasia</a>

<!-- Gadget sepenuhnya tersembunyi -->

<div id="gadgetBox" style="display:none; border: 2px dashed #999; border-radius: 10px; padding: 10px; margin-top: 10px;">

<a href="javascript:void(0);" onclick="toggleGadget()" id="tombolTutup" style="display:block; text-align:right;">❌ Tutup</a>
<p>💙 Ini isi dalam gadget yang benar-benar tersembunyi, termasuk judulnya.</p>
<p>Kamu bisa isi dengan konten HTML, gambar, daftar, atau apa pun yang kamu suka

.</p>
</div>

<script>
function toggleGadget() {
var gadget = document.getElementById("gadgetBox");
var tombolAwal = document.getElementById("tombolGadgetAwal");
if (gadget.style.display === "none") {
gadget.style.display = "block";
tombolAwal.style.display = "none"; // Sembunyikan tautan pembuka
gadget.scrollIntoView({behavior: "smooth"});
} else {
gadget.style.display = "none";
tombolAwal.style.display = "inline"; // Tampilkan tautan kembali
}
}
</script>

</script>