Navigation > Collapsibles
Back
Collapsibles
Collapsibles refer to interactive user interface elements that allow you to hide or reveal content sections on a web page. They typically consist of a list of clickable headers or labels, and when a header is clicked, it expands to reveal additional content or information. Collapsibles are commonly used to manage and organize content, making it more compact and user-friendly by allowing users to focus on the sections they're interested in while hiding the rest.
//Basic
HTML

                        
CSS

                        
//Using <summary> tag
HTML

                        
CSS

                        
//Always open
HTML

                        
CSS

                        
//Flush
HTML

                        
CSS