Membuat Accordion Dengan CSS 3

Baik teman-teman pada tutorial kali ini kita akan membahas tentang bagaimana caranya membuat Accordion menggunakan CSS 3. Biasanya Accordion ini di buat menggunakan bantuan Plugin jQuery nah kali ini kita akan membuatnya menggunakan fitur yang ada di CSS 3. Oke langsung saja kita mulai ya teman-teman.

Pertama kalian bisa buat struktur HTML nya seperti gambar di bawah ini.

Bisa kalian lihat pada HTML di atas saya menggunakan bantuan Tag <input> dan Tag <label> untuk membuat accordion ini.

Dan untuk kalian yang ingin mendownload tutorial ini kalian bisa klik button download di bawah ini.

Berikut hasilnya.

Download