Membuat Slide Panel dengan Jquery

Pada tutorial ini saya akan mengajarkan cara membuat slide panel dengan jQuery. Untuk membuat slide panel kita akan menggunakan fungsi slide toggle dimana ketika kita mengeklik tombol atau sebuah elemen maka akan muncul sebuah panel yang bergerak kebawah atau keatas.

Silahkan teman-teman perhatikan demo dan kode html dibawah ini :

See the Pen CvFLd by Dumet_School (@dumet_school) on CodePen.

Perhatikan kode $("#flip").click(function() mendefinisikan fungsi klik pada elemen yang memiliki id flip. $("#panel").slideToggle("slow") merupakan elemen panel yang akan ditampilkan atau disembunyikan dengan slide slow.

Untuk lebih memahami silahkan DOWNLOAD source code-nya.

Terimakasih.