Membuat Animasi Form Sederhana Dengan jQuery

Pada kesempatan kali ini saya akan melanjutkan artikel tentang JQuery dan CSS disini saya akan mencoba membuat form dengan animasi sederhana jQuery dan CSS dimana form tersebut memiliki inputan nama lengkap, alamat dan pekerjaan. Pada masing-masing form input ini akan di munculkan satu persatu setelah form yang sebelumnya diklik dan diisi. Langsung saja kita mulai dalam membuatnya pertama-tama saya akan membuat sebuah form sebagai berikut

Selanjutnya ketikkan syntak cssnya untuk menghilangkan inputan yang ber id dua dan tiga sebagai berikut

Masukkan perintah jquery diantara tag <head> dan hubungkan library jQuerynya sebagai berikut

Pada form input nama lengkap saya telah memberikan selector id satu, alamat dengan id dua, dan sedangkan pekerjaan dengan id tiga. Jadi intinya ketika form input yang ber id satu mulai di isi maka form input denga id dua akan di munculkan. Sekarang coba teman teman jalankan pada browser.

Sekian dulu artikel saya kali ini tentang Tutorial JQuery tanpa menggunakan PLUGIN.
Semoga Mencoba.