Blog Request tutorial? klik disini!

  • Mudahnya Membuat FAQ Dengan Jquery Mobile

    Ditulis oleh: Rully Febrian
    958 kali dibaca
    04 Aug / 2014 14:13

    Untuk membuat FAQ di jQuery Mobile kita akan menggunakan fungsi Collapsible. Collapsible merupakan suatu fungsi untuk menyembunyikan atau menampilkan konten yang bersifat informasi atau keterangan singkat pada suatu judul konten atau artikel. Dengan collapsible FAQ yang kita buat akan lebih interaktif. Untuk membuat collapsible kita hanya menambahkan <div> dengan data-role="collapsible". Silahkan anda buat struktur page jQuery Mobile seperti berikut :

    Jquery-Mobile-Collapsible

     

    Simpan kode diatas dengan nama collapsible.html. Kemudian buat script collapsible didalam elemen <div> main dengan cara membuat <div> seperti berikut :

    Mudahnya-Membuat-FAQ-dengan-Jquery-Mobile

    <h3> mendefinisikan judul collapsible. Judul ini hanya dapat ditulis dari H1-H6. <p> merupakan isi konten yang disembunyikan atau ditampilkan. data-role="collapsibleset" mendefinisikan pembungkus atau group collapsible jika penulisannya lebih dari satu.

    Simpan kembali file collapsible.html dan jalankan pada browser. Maka akan terlihat hasilnya sebagai berikut :

    Mudahnya-Membuat-FAQ-dengan-Jquery-Mobile

    Terimakasih dan selamat mencoba.






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155