by 
Menyembunyikan atau memunculkan elemen adalah dasar interaksi seperti menu atau panel. jQuery menyediakan metode dengan animasi bawaan. Artikel ini membahas cara menyembunyikan dan menampilkan elemen dengan jQuery (hide/show).
Metode .hide() dan .show()
<script>
$("#kotak").hide(); // sembunyikan
$("#kotak").show(); // tampilkan
</script>
Dengan Animasi
<script>
$("#kotak").hide(500); // animasi 0,5 detik
$("#kotak").show("slow");
</script>
Contoh Kasus: Menampilkan Detail Saat Diklik
<script>
$(".produk").click(function() {
$(this).find(".detail").show("fast");
});
</script>
Callback Setelah Selesai
<script>
$("#kotak").hide(300, function() {
console.log("Sudah tersembunyi");
});
</script>
Kesimpulan
Gunakan .hide() dan .show() untuk menyembunyikan/menampilkan elemen. Tambahkan durasi untuk animasi halus, dan fungsi callback untuk menjalankan kode setelah animasi selesai.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).
