Skip to main content
Sign In

University Web Services (UWS)

University Web Services, University of Colorado Denver

 

 
 
 

Accordion Overview

Foundation Widget Web Part for Accordions


Related Links

    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

     When would I use an accordion?

    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. ​

    2

     How do I add an accordion to my web page?

    ​Check out the Add Accordion page for details.3

     How do I edit or hide the accordion title?

    ​Check out the Edit/Hide Accordion Title page for details.4

     How do I add content to my accordion?

    Check out the Add Accordion Content page for details.5


    ​The accordion uses the Foundation Widget, customized web part developed by University Web Services and Academic Information Systems & Development, that enables users to display content on web pages using a variety of visual features. The first version of the Foundation Widget, implemented March 2013, enables users to display content via accordions and/or tabs.

    The Foundation Widget web part provides a foundation in which other visual features can be built (a slideshow, for example); hence the name Foundation Widget. University Web Services plans to build additional display features in the future.

    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.