Membuat Menu Accordion dengan Materialize CSS

10/10/2015    Maykhel David    1950     Website

Hallo teman-teman, apa kabarnya hari ini, pada kesempatan kali ini saya ingin membagikan tentang trik untuk membuat konten accordion dengan materialize css.

Cara ini cukup mudah, kita hanya memanfaatkan struktur html dengan class yang sudah tersedia pada framework materialize css seperti berikut.

 struktur accordion menu

Pada tag UL diatas sudah ditambahkan class  collapsible dan attribute data-collapsible=”accordion" dan di dalamnya ada tag <li> yang juga telah diberikan tag <div> dengan class collapsible-header dan collapsible-body

Berikut adalah contoh demo dan source code yang dapat kalian pelajari.

 

 

Baiklah teman-teman, demikian artikel tentang cara membuat menu accordion dengan materialize css.

Semoga dapat bermanfaat, Terima kasih

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More