by 
Efek slide cocok untuk menu akordeon atau panel FAQ yang membuka ke bawah dengan halus. Artikel ini membahas cara membuat efek slide dengan jQuery (slideUp, slideDown).
slideDown(), slideUp(), slideToggle()
<script>
$("#panel").slideDown(); // buka ke bawah
$("#panel").slideUp(); // tutup ke atas
$("#panel").slideToggle(); // buka-tutup otomatis
</script>
Contoh Kasus: Akordeon FAQ
<script>
$(".judul").click(function() {
// tutup panel lain, buka yang diklik
$(".isi").not($(this).next()).slideUp();
$(this).next(".isi").slideToggle();
});
</script>
.not() mengecualikan panel yang sedang diklik, sehingga panel lain tertutup otomatis — perilaku akordeon klasik.
Mengatur Kecepatan
<script>
$("#panel").slideDown(300); // 0,3 detik
</script>
Kesimpulan
Gunakan slideDown(), slideUp(), dan slideToggle() untuk efek geser buka-tutup. Padukan dengan .not() untuk membuat akordeon yang menutup panel lain secara otomatis.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).
