Accordions | Web Theme User Guide

If one of your pages has a need for expanding/collapsing content, the Accordion column type can be used. An accordion always contains the category title, an expanded and a collapsed state, and the right amount of spacing for readability.

Checkout an example FAQ page on our Demo Site.

Select 'Add Blade'
Select 'Accordion' from the Column Type dropdown and select 'Add Another Column'
Select the desired Width that all accordions will use
Enter the Heading (always displayed) and Body (hidden information)
To add more, select 'Add Accordion Item'

Example

Become a Supporter

As a largely self-supported organization, donations are critical in our ongoing outreach. We are tasked with building strong, mutually beneficial relationships with our 220,000 alumni. We do this through a strategic combination of events and communications. Additionally, we help to build a culture of family with our current students and provide opportunities for them to connect with our alumni.

Advertising Opportunities

There are numerous ways for you to connect with not only our alumni, but parents, students, staff, faculty, and community members as well. Our alumni base is 220,000+ strong and continues to grow every year. Our goal is to listen to your marketing objectives and work collaboratively with you to reach your target market on and off campus. When you work with UC Santa Barbara Alumni, your brand will have an opportunity to be associated with one of the top public research universities in the United States. Let’s connect today and help each other succeed!

Best Practices

To avoid wrapping, always keep the heading text short
Place accordions in one area of your page for a cohesive user experience
Accordions don't always need to take up the entire width of the browser. Tailor the width values to your specific site needs and add supporting text to help guide the visitor
Avoid stuffing big images, videos, or tons of text into an accordion. Consider the visitors on your site who are using a phone or tablet and what that experience will be like for them
By default, the accordions are always closed. If an anchor link is placed inside an accordion, the visitor will be directed to a closed accordion and will need to click or tap to open.