Accordion
Add a panel of content which is collapsed, and can be viewed by clicking on the title. Each Accordion item is a separate piece of content.
Content Type Details
- ID: 462
- Name: Dallas - Accordion
- Minimum user level: Contributor
- Use with page layouts: Full Width, Page with Sidebar - in Main Body, Microsite, PPC Campaign - in Main Body, PPC Campaign - in Full Width
Content Type Elements Details
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes | No |
| Content Group Heading | Enter optional heading above the group of accordions. Set on the first accordion in a group. Adding a heading will start a new group. | 255 Characters | Plain Text | No | No |
| Content Group Heading Level | Set the level of optional heading above the group of accordions Choose from options: Heading 2, Heading 3, Heading 4, Heading 5, Heading 6 | N/A | Select Box (List: Dallas - Headings) | Yes | Yes |
| Content Group Description | Enter optional text above the group of accordions. Set on the first accordion in a group. See TinyMCE content options. | 9999 Characters | HTML | No | No |
| Accordion Group Style | Choose the style for the group of accordions. Set on the first accordion in a group, the style will apply to all accordions in the group Choose from options: Standard, Quiet, Quiet Small | N/A | Select Box (List: Dallas - Accordion Style) | No | No |
| Accordion Heading Level | Set the level for the heading of all your accordions to meet accessibility requirements. Choose from options: Heading 2, Heading 3, Heading 4, Heading 5, Heading 6 | N/A | Select Box (List: Dallas - Headings) | Yes | No |
| Accordion Title | Enter the title for this accordion item | 255 Characters | Plain Text | Yes | No |
| Accordion Content | Enter the content for the body of this accordion item. See TinyMCE content options. | 99999 Characters | HTML | No | No |
| Card to Nest | (optional) Select a content item (Department Card or Employee) you’d like to nest inside this accordion | N/A | Section/Content Link | No | No |
| Accordion Footer | Enter the content for below the body of this accordion item. See TinyMCE content options. | 9999 Characters | HTML | No | No |
| Content Group Footer | Enter optional text below the group of accordions. Set on the last accordion in a group. See TinyMCE content options. | 9999 Characters | HTML | No | No |
Examples
Accordion: Standard Group
Here's some sample text that describes what you're seeing in the data below.
Visit Us
- Thunderduck Hall, T-150
-
Richland Campus
12800 Abrams Road
Dallas, TX 75243 - Park in lots P2, P3 or P4
- View Richland Multicultural Center Map
Contact Us
- 972-238-6900 (general information)
- 972-238-6291 (direct line)
- 972-238-6165 (fax)
- Email Richland Multicultural Center (for resident students)
- Email Richland Multicultural Center (for international students)
Connect with Us
Hours for Multicultural Center
- Mon-Thurs: 8 a.m. - 7 p.m.
- Fri: 8 a.m. - 5 p.m.
- Sat-Sun: Closed
- Note: Closed every Wednesday from 1-4 p.m. for staff meeting, except during peak registration
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacus massa, ornare et porttitor eget, porta id nisi. Cras commodo nisi est. Duis sed euismod ipsum. Proin urna risus, lobortis ut elementum ornare, malesuada vel tellus. Sed elementum ut ligula non vulputate. In augue risus, luctus a bibendum ut, mollis sed risus. Etiam vulputate fermentum lectus, nec tempus nulla blandit eu. Integer justo mauris, dictum vel dapibus sed, mattis in diam. Etiam nec eleifend ipsum, ut hendrerit turpis.
Maecenas auctor est rutrum nulla semper accumsan. Sed placerat augue eu felis rutrum efficitur. Morbi suscipit lacus et lorem eleifend, non ornare ante bibendum. Fusce non magna rutrum, mattis enim sed, vulputate ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam libero nulla, volutpat a sollicitudin non, feugiat eget massa. Phasellus tempor aliquam ex, et feugiat arcu aliquam vitae. Praesent vel metus ut turpis accumsan ultrices id a neque. Nunc varius odio non elit facilisis rhoncus. Pellentesque quis magna non purus mollis molestie. Morbi suscipit fermentum sem at feugiat. Integer sed luctus eros. Aenean ultricies varius nulla et pretium. Aliquam non metus ante.
Ted Lasso
PHd
- Coach
- Academic Scheduling
- Workforce Center at RedBird, W101
- 214-555-1234
- Email Ted Lasso
- Credentials
- Remote Day: Thurs, 8 a.m.-5 p.m.
- Late Days: Mon, 10 a.m.-7 p.m.
- Reg. Days: Tues, Wed & Fri, 8 a.m.-5 p.m.
Now that you liked that data, you can visit our other web page to learn more.
Accordion: Quiet Group
Here's some sample text that describes what you're seeing in the data below.
Visit Us
- Thunderduck Hall, T-150
-
Richland Campus
12800 Abrams Road
Dallas, TX 75243 - Park in lots P2, P3 or P4
- View Richland Multicultural Center Map
Contact Us
- 972-238-6900 (general information)
- 972-238-6291 (direct line)
- 972-238-6165 (fax)
- Email Richland Multicultural Center (for resident students)
- Email Richland Multicultural Center (for international students)
Connect with Us
Hours for Multicultural Center
- Mon-Thurs: 8 a.m. - 7 p.m.
- Fri: 8 a.m. - 5 p.m.
- Sat-Sun: Closed
- Note: Closed every Wednesday from 1-4 p.m. for staff meeting, except during peak registration
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacus massa, ornare et porttitor eget, porta id nisi. Cras commodo nisi est. Duis sed euismod ipsum. Proin urna risus, lobortis ut elementum ornare, malesuada vel tellus. Sed elementum ut ligula non vulputate. In augue risus, luctus a bibendum ut, mollis sed risus. Etiam vulputate fermentum lectus, nec tempus nulla blandit eu. Integer justo mauris, dictum vel dapibus sed, mattis in diam. Etiam nec eleifend ipsum, ut hendrerit turpis.
Maecenas auctor est rutrum nulla semper accumsan. Sed placerat augue eu felis rutrum efficitur. Morbi suscipit lacus et lorem eleifend, non ornare ante bibendum. Fusce non magna rutrum, mattis enim sed, vulputate ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam libero nulla, volutpat a sollicitudin non, feugiat eget massa. Phasellus tempor aliquam ex, et feugiat arcu aliquam vitae. Praesent vel metus ut turpis accumsan ultrices id a neque. Nunc varius odio non elit facilisis rhoncus. Pellentesque quis magna non purus mollis molestie. Morbi suscipit fermentum sem at feugiat. Integer sed luctus eros. Aenean ultricies varius nulla et pretium. Aliquam non metus ante.
C.J. Cregg
PHd
- Admin
- Business and Marketing
- Eastfield, B234
- 214-555-1234
- Email C.J. Cregg
- Credentials
- Remote Day: Thurs, 8 a.m.-5 p.m.
- Late Days: Mon, 10 a.m.-7 p.m.
- Reg. Days: Tues, Wed & Fri, 8 a.m.-5 p.m.
Now that you liked that data, you can visit our other web page to learn more.
Accordion: Quiet Small Group
Here's some sample text that describes what you're seeing in the data below.
Visit Us
- Thunderduck Hall, T-150
-
Richland Campus
12800 Abrams Road
Dallas, TX 75243 - Park in lots P2, P3 or P4
- View Richland Multicultural Center Map
Contact Us
- 972-238-6900 (general information)
- 972-238-6291 (direct line)
- 972-238-6165 (fax)
- Email Richland Multicultural Center (for resident students)
- Email Richland Multicultural Center (for international students)
Connect with Us
Hours for Multicultural Center
- Mon-Thurs: 8 a.m. - 7 p.m.
- Fri: 8 a.m. - 5 p.m.
- Sat-Sun: Closed
- Note: Closed every Wednesday from 1-4 p.m. for staff meeting, except during peak registration
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacus massa, ornare et porttitor eget, porta id nisi. Cras commodo nisi est. Duis sed euismod ipsum. Proin urna risus, lobortis ut elementum ornare, malesuada vel tellus. Sed elementum ut ligula non vulputate. In augue risus, luctus a bibendum ut, mollis sed risus. Etiam vulputate fermentum lectus, nec tempus nulla blandit eu. Integer justo mauris, dictum vel dapibus sed, mattis in diam. Etiam nec eleifend ipsum, ut hendrerit turpis.
Maecenas auctor est rutrum nulla semper accumsan. Sed placerat augue eu felis rutrum efficitur. Morbi suscipit lacus et lorem eleifend, non ornare ante bibendum. Fusce non magna rutrum, mattis enim sed, vulputate ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam libero nulla, volutpat a sollicitudin non, feugiat eget massa. Phasellus tempor aliquam ex, et feugiat arcu aliquam vitae. Praesent vel metus ut turpis accumsan ultrices id a neque. Nunc varius odio non elit facilisis rhoncus. Pellentesque quis magna non purus mollis molestie. Morbi suscipit fermentum sem at feugiat. Integer sed luctus eros. Aenean ultricies varius nulla et pretium. Aliquam non metus ante.
Rebecca Welton
PHd
- Staff
- Accessibility Services
- Service Center, W103
- 202-555-5678
- Email Rebecca Welton
- Credentials
- Remote Day: Thurs, 8 a.m.-5 p.m.
- Late Days: Mon, 10 a.m.-7 p.m.
- Reg. Days: Tues, Wed & Fri, 8 a.m.-5 p.m.
Now that you liked that data, you can visit our other web page to learn more.
Accordion: Standard Single
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacus massa, ornare et porttitor eget, porta id nisi. Cras commodo nisi est. Duis sed euismod ipsum. Proin urna risus, lobortis ut elementum ornare, malesuada vel tellus. Sed elementum ut ligula non vulputate. In augue risus, luctus a bibendum ut, mollis sed risus. Etiam vulputate fermentum lectus, nec tempus nulla blandit eu. Integer justo mauris, dictum vel dapibus sed, mattis in diam. Etiam nec eleifend ipsum, ut hendrerit turpis.
Maecenas auctor est rutrum nulla semper accumsan. Sed placerat augue eu felis rutrum efficitur. Morbi suscipit lacus et lorem eleifend, non ornare ante bibendum. Fusce non magna rutrum, mattis enim sed, vulputate ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam libero nulla, volutpat a sollicitudin non, feugiat eget massa. Phasellus tempor aliquam ex, et feugiat arcu aliquam vitae. Praesent vel metus ut turpis accumsan ultrices id a neque. Nunc varius odio non elit facilisis rhoncus. Pellentesque quis magna non purus mollis molestie. Morbi suscipit fermentum sem at feugiat. Integer sed luctus eros. Aenean ultricies varius nulla et pretium. Aliquam non metus ante.
Accordion: Quiet Single
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacus massa, ornare et porttitor eget, porta id nisi. Cras commodo nisi est. Duis sed euismod ipsum. Proin urna risus, lobortis ut elementum ornare, malesuada vel tellus. Sed elementum ut ligula non vulputate. In augue risus, luctus a bibendum ut, mollis sed risus. Etiam vulputate fermentum lectus, nec tempus nulla blandit eu. Integer justo mauris, dictum vel dapibus sed, mattis in diam. Etiam nec eleifend ipsum, ut hendrerit turpis.
Maecenas auctor est rutrum nulla semper accumsan. Sed placerat augue eu felis rutrum efficitur. Morbi suscipit lacus et lorem eleifend, non ornare ante bibendum. Fusce non magna rutrum, mattis enim sed, vulputate ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam libero nulla, volutpat a sollicitudin non, feugiat eget massa. Phasellus tempor aliquam ex, et feugiat arcu aliquam vitae. Praesent vel metus ut turpis accumsan ultrices id a neque. Nunc varius odio non elit facilisis rhoncus. Pellentesque quis magna non purus mollis molestie. Morbi suscipit fermentum sem at feugiat. Integer sed luctus eros. Aenean ultricies varius nulla et pretium. Aliquam non metus ante.
Sample Events Block
Accordion: Quiet Small Single
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacus massa, ornare et porttitor eget, porta id nisi. Cras commodo nisi est. Duis sed euismod ipsum. Proin urna risus, lobortis ut elementum ornare, malesuada vel tellus. Sed elementum ut ligula non vulputate. In augue risus, luctus a bibendum ut, mollis sed risus. Etiam vulputate fermentum lectus, nec tempus nulla blandit eu. Integer justo mauris, dictum vel dapibus sed, mattis in diam. Etiam nec eleifend ipsum, ut hendrerit turpis.
Maecenas auctor est rutrum nulla semper accumsan. Sed placerat augue eu felis rutrum efficitur. Morbi suscipit lacus et lorem eleifend, non ornare ante bibendum. Fusce non magna rutrum, mattis enim sed, vulputate ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam libero nulla, volutpat a sollicitudin non, feugiat eget massa. Phasellus tempor aliquam ex, et feugiat arcu aliquam vitae. Praesent vel metus ut turpis accumsan ultrices id a neque. Nunc varius odio non elit facilisis rhoncus. Pellentesque quis magna non purus mollis molestie. Morbi suscipit fermentum sem at feugiat. Integer sed luctus eros. Aenean ultricies varius nulla et pretium. Aliquam non metus ante.