Kali ini saya mendokumentasikan latihan saya belajar JQUERY dengan effect Toogle. Saya mencoba membuat Simple Slide Panel.
Jquery Toggle() Effect adalah gabungan dari fungsi Hide dan Show.
Sintaknya: $(selector).toggle(speed, callback, switch)
Keterangan parameter:
- Speed : menentukan kecepatan slide. Dapat diisi dengan miliseconds(misal:1500), “slow”, “normal”, “fast”.
- Callback : Suatu fungsi yang akan dijalankan apabila efek show selesai dijalankan.
- Switch : bernilai boolean. True-menampilkan elemen, False-menyembunyikan elemen. Jika parameter ini diset, parameter speed dan callback tidak dapat digunakan.
Saya mencoba menggunakan CSS juga untuk mengatur tiap elemen.
Berikut sintaknya:
Dan berikut ini adalah sintak JQuery-nya
Dan aplikasi keduanya:
Referensi: