Hallo sahabat, pada tulisan kali ini saya akan membuat accordion dengan CSS3. Jadi konsep gambarannya seperti menu dropdown, hanya saja menu ini berisi sebuah paragraph. Nah, dari pada bingung cari tahu accordion seperti apa, kita langsung saja praktikan cara buatnya.

Yang pertama silahkan sahabat buat file .html dan ketikan script seperti dibawah ini.

 

Kemudian buat file .css dak ketikkan script seperti dibawah ini.

Kalo sudah, silahkan sahabat jalankan file .html nya pada browser. Maka hasil tampilannya adalah sebagai berikut.

Membuat Accordion CSS3

Coba pilih Tittle2, maka hasilnya akan seperti gambar di bawah ini.

Membuat Accordion CSS3

Okay, sampai disini dulu. Selamat belajar dan sampai jumpa di tulsian saya selanjutnya 🙂