Skip to content
  • Guide TYPO3
  • Login / Accounts
  • Functions / Extensions
  • Audio / Video
  • Digital Accessibility
  • Terms of Use
  • FAQs
  • de
  • en
  • Central Information Technology (TYPO3-Team)
  • IT Service Center (ITSZ)
  • Technical University of Munich
Technical University of Munich
  • Home
  • Our Webpool
    • Non-faculty institutions
    • TUM School of CIT
    • TUM School of ED
    • TUM School of LS
    • TUM School of MGT
    • TUM School of MH
    • TUM School of NAT
    • TUM School of SOT
    • TUM Graduate School (GS)
    • Integrative Research Institutes (IRI)
    • Technology Core Facilities (TCF)
    • Corporate Research Centers
    • Munich School of Politics and Public Policy
    • TYPO3 Web-Archive
  • Service
    • Scope
    • Sie wollen eine Webseite?
    • Terms of Use
    • Requirement
  • Documentation
    • TYPO3 Basics
      • Terms
      • Module bar
      • Side tree
      • Filelist
      • Registration and login to the backend
      • Permissions concept
        • Groupdelegation
    • Working with Pages
      • Page types
      • Create a page
      • Hide/show pages
      • Sort/copy pages
      • Delete pages
      • Scheduled publishing
      • Change page layout
    • Working with Page content
      • Page Content types
      • Create Page content
      • Headers
      • Text & Media
        • Images
        • Image gallery
        • Slideshow
        • Alternative text for images
      • Audio & Video
        • Embed audio files
        • Embed video
      • Tables
      • File Links
      • Menu
      • Insert Records
      • Rich Text Editor (RTE)
      • Adding Links
      • Spacing between Content elements
      • Multi-column Content
      • Accordion Functionality
      • Frames & Boxes
      • Social Media Box
    • Extensions
      • CurlContent
      • TUM MemberList
      • TUMcourses
      • TUMvCard
      • News
      • iFrame with consent
      • T3UP Carousel
    • English Version
    • Contact Area
    • Legal Matters
    • Maps
      • Maps with Google Maps
      • Maps with BayernAtlas
  • Digital Accessibility
    • Quick Start for Editors
    • Simple language
  • FAQs
  • Contact
  • Sitemap
  1. Home
  2. Documentation
  3. Working with Page content
  4. Accordion Functionality

Accordion Functionality

An accordion is a content element that can be collapsed and expanded. This allows multiple content elements to be incorporated into a page while saving space.

Creating Accordion Elements

Screenshot: Accordion
Image: Accordion

You can activate the accordion functionality for almost any content element that uses a header field. (Exceptions include: Insert Records, Divider, and content elements where the Header-Type is set to Hidden).

  • Edit the content element that you want to turn into an accordion.
  • In the Appearance tab, select "Accordion" from the Frame options.

You can also create accordions in two or three columns.

Note

An accordion must have an entry in the Header field of the content element. This will be formatted uniformly with 16px. The following settings do not work with accordions: Insert Records, Divider, Header-Type=Hidden.

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.

To top

TUM TYPO3 (ZIT)

Technical University
of Munich

Richard-Wagner-Str. 18
80333 München
typo3(at)tum.de

TYPO3 News

21.01.2026

New Security Concept - User Accounts

01.08.2025

We are in OTRS!

RSS Feed

  • Privacy
  • Imprint
  • Accessibility