Skip to main content
Sign In

University Web Services (UWS)

University Web Services, University of Colorado Denver

 

 
 
 

Module 1: An Introduction to the Foundation Widget

Define an accordion


BackNext

What is an accordion

An accordion is a feature that offers multiple collapsible content areas. Using an accordion on your web page allows you to expand and collapse categories of content, enabling you to both save space on your page, and present your content in an organized, aesthetically pleasing way.

Do you have a lengthy Frequently Asked Questions page on your website? The accordion feature is perfect for your content. All your questions are shown, but the answers are in a collapsed state. When a user clicks the question, the answer is expanded.

Here is an example of Frequently Asked Questions using the accordion.

 

 Frequently Asked Questions

 

 What is an accordion?

​An accordion is a feature that offers multiple collapsible content areas. Using an accordion on your web page allows you to expand and collapse categories of content, enabling you to both save space on your page, and present your content in an organized, aesthetically pleasing way.1

 What are tabs?

Tabs are a feature that offers a way to display multiple categories of information in a tabular view. Using tabs on your web site allows you to display information specific to a content category, enabling you to both save space on your page, and present your content in an organized, aesthetically pleasing way.​
2

 How do I add an accordion?

 How do I add tabs?



BackNext
University of Colorado Denver

© The Regents of the University of Colorado, a body corporate. All rights reserved.

All trademarks are registered property of the University. Used by permission only.