Pages

Minggu, 20 November 2011

Membuat tombol Hide dan Show dengan JQuery

Tombol Show berfungsi untuk memunculkan sebuah elemen website, sementara tombol Hide adalah kebalikannya.

Elemen Website itu seperti: kotak teks, gambar dan tulisan yang berada dalam Website.

Dalam artikel ini kita akan membahas cara memunculkan atau menyembunyikan elemen website menggunakan bantuan JQuery.

1) Bukalah sebuah teks editor

2) Salin kode di bawah ini lalu paste ke dalam teks editor



3) Simpan file tersebut dengan nama jquery.js

4) Satukan file tersebut ke dalam folder website

5) Jika sudah, buat lagi sebuah file

6) Salin kode di bawah ini ke dalam file tersebut.




7) Simpan file tersebut ke dalam folder website Anda dengan nama tesshow.php

Lalu jalankan di Browser, Anda akan melihat kegunaan dari tombol Show dan Hide.

Jika ada yang ingin dibahas tentang artikel ini, silahkan isi kotak komentar di bawah ini ^_^

0 komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.