Hallo teman-teman bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan mempraktekan bagaimana cara Membuat Efek Toggle Dengan HTML5 Dan CSS3, seperti yang kita tahu, kita biasa membuat efek toggle ini dengan menggunakan plugin jquery, nah kali ini saya kan praktekan bagaimana cara membuatnya hanya dengan HTML5 dan CSS3.

Oke kita langsung saja praktekan, sekarang silahkan teman-teman buat sebuah file html, dan ketikan script berikut :

kita menggunakan element HTML yang pada artikel sebelumnya telah kita bahas yaitu details, oke jika sudah silahkan tambahkan script CSS berikut ini:

Sehingga keseluruhan scriptnya seperti berikut ini :

Jika sudah silahkan save dan coba jalankan pada browser, maka hasilnya akan seperti berikut :

membuat-efek-toggle-dengan-html5-dan-css3

jika teman-teman klik judulnya maka hasilnya akan seperti berikut:

membuat-efek-toggle-dengan-html5-dan-css3-hasil

Oke teman-teman cukup mudah bukan? selamat mencoba, semoga atikel kali ini bermanfaat untuk teman-teman semuanya, sampai jumpa pada artikel selanjutnya, terimakasih.