Materialize CSS Collapsible

Collapsible or accordion is used to get various predefined visuals and behavioral enhancements to display various types of accordions. Materialize CSS provides different CSS classes to apply these collapsible.

IndexClass nameDescription
collapsibleIt is used to identify an element as a materialize collapsible component. Required for ul element.
collapsible-headerIt is used to set div as a section header.
collapsible-bodyIt is used to set div as a section content container.
popoutIt is used to create a popout collapsible.
activeIt is used to open a section.
expandableIt is used to mark a collapsible component as expandable.
accordionIt is used to mark a collapsible component as accordion.

Example

Let's take an example to demonstrate collapsible in Materialize CSS:

Test it Now

Output:

Materialize collapsible 1
Next Topic#




Latest Courses

Logo

We provides tutorials and interview questions of all technology like java tutorial, android, java frameworks

Contact info

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

[email protected].

Follow us
FacebookTwitterRssBlogspotYoutube

Latest Post

PRIVACY POLICY

Tutorials
Java Data Structures C Programming C++ Tutorial C# Tutorial PHP Tutorial HTML Tutorial JavaScript Tutorial jQuery Tutorial Spring Tutorial
Interview Questions
Tcs Intuit Wipro Adobe Infosys Amazon Accenture Cognizant Capgemini Microsoft
Online Compiler
C R C++ Php Java Html Swift Python JavaScript TypeScript
© Copyright 2024 Javatpoint. All Rights Reserved.