Menampilkan dan Menyembunyikan Elemen Dengan JQuery

Pada tutorial sebelumnya yaitu tentang Memahami Konsep Dasar Penggunaan JQuery kita disuguhkan dengan dasar penggunaan JQuery, contoh penggunaan JQuery yang dibahas sebelumnya masih belum seberapa, itu hanya contoh kecilnya saja. Nah, pada tutorial kali ini penulis akan memberikan contoh untuk animasinya. Untuk contoh animasinya penulis logikakan seperti ini :

Pada saat pertama kali menjalankan suatu program pada browser, maka browser akan menampilkan 1 buah gambar dan 1 buah tombol dengan nama “Sembunyikan”. Apabila tombol Sembunyikan tersebut kita klik, maka gambar secara pelan-pelan akan menghilang, sementara nama tombol berubah menjadi “Tampilkan”. Begitupun sebaliknya, apabila nama tombol Tampilkan kita klik, maka gambar secara pelan-pelan akan muncul pada halaman web browser Anda.

Penasaran??.. Yuk kita langsung ketik script programnya dibawah ini :

Saat pertama kali program dijalankan, maka terdapat 1 buah gambar dan 1 buah tombol dengan nama “Sembunyikan”. Apabila tombol Sembunyikan kita klik, maka gambar akan hilang dan tombol berubah namanya menjadi tampilkan.

Oke, Penulis cukupkan sampai disini penjelasannya, sampai berjumpa lagi pada tutorial berikutnya.

Terima kasih..

Sumber Artikel : http://purbadian.com/read-article-23-menampilkan-dan-menyembunyikan-elemen-dengan-jquery.html</>

Leave a Reply

Your email address will not be published. Required fields are marked *